728x90
반응형

Front/JS & jQuery 454

[js] include / some

include와 some은 모두 특정 값이나 조건을 확인하는 데 사용되지만, 그 목적과 사용 방식에 차이가 있습니다. 1. includes용도: 배열에 특정 값이 존재하는지 확인할 때 사용합니다.특징:단순히 배열의 요소 중에 해당 값이 포함되어 있는지만 확인합니다.값이 배열에 존재하면 true를 반환, 그렇지 않으면 false를 반환합니다.객체와 같은 복잡한 구조의 데이터에서는 직접 사용하기 어렵습니다.const numbers = [1, 2, 3, 4];console.log(numbers.includes(3)); // trueconsole.log(numbers.includes(5)); // false 객체를 포함한 배열에서는 같은 객체인지 비교할 수 없습니다(참조 비교).const obj = { id: ..

Front/JS & jQuery 2025.01.05

[js/jQuery] each 와 for 루프 비교

1. jQuery each $('option').each((index, element) => { // jQuery 요소에 접근 const $option = $(element); console.log($option.val());});장점jQuery 객체를 다룰 때 편리합니다. ($(element)를 사용해서 바로 jQuery 메서드를 호출 가능)코드가 간결하고 가독성이 좋습니다.index와 element를 쉽게 얻을 수 있습니다.단점내부적으로 jQuery를 사용하므로 약간의 오버헤드가 있습니다.성능이 for 루프보다 느릴 수 있습니다, 특히 많은 요소를 처리할 때. 2. JavaScript for 루프 const options = document.querySelectorAll('option..

Front/JS & jQuery 2025.01.02

[js] 숫자 음수 처리

-이를 포함하는 경우에도 음수를 처리하려면, -의 위치를 ​​확인해야 합니다. 예를 들어, 음수 부호가 있다는 것은 올 수 있도록 규칙을 추가하는 것입니다.let str = "abc-123.45def";let result = str.toString().replace(/[^\d.-]/g, '');// 잘못된 위치의 `-` 처리if ((result.match(/-/g) || []).length > 1 || result.indexOf('-') > 0) { result = result.replace(/-/g, ''); // 음수 부호가 올바르지 않으면 제거}console.log(result); // "-123.45"

Front/JS & jQuery 2025.01.01

[js][Echarts] stack bar 차트에서 각 막대에 다른 색상 설정하기

ECharts에서 x축을 따라 막대형 차트의 각 막대에 다른 색상을 설정하려면,각 막대에 해당하는 배열을 사용하여 개체 itemStyle내의 속성을 사용자 지정할 수 있습니다.getCoChartOption = (xAxisData, amtArr, otherArr, valRange) => { const amtColors = ["#F4E5E0", "#F0A5A0", "#E8C6C0", "#D8B7A0"]; // Example colors for "영업수익" bars const otherColors = ["#5FC6E3", "#4BADD8", "#3A95B3", "#2681A0"]; // Example colors for "영업외수익" bars return { tooltip: {..

Front/JS & jQuery 2024.12.26
728x90
반응형