728x90
반응형

Front/JS & jQuery 438

[js] every()

Array.prototype.every()배열의 모든 요소 가 응답을 만족하는지 확인하는 방법입니다.모든 요소가 만족스럽다면 true만족하고, 하나라도 만족하지 않을 false것을 반환합니다.배열의 요소들이 특정 조건을 확인하는지 전체적으로 검토할 때 유용합니다. const numbers = [2, 4, 6, 7];// some()은 하나라도 조건을 만족하면 trueconst hasEven = numbers.some(num => num % 2 === 0); // true// every()는 모든 요소가 조건을 만족해야 trueconst allEven = numbers.every(num => num % 2 === 0); // false

Front/JS & jQuery 2024.12.09

[js] 재귀함수로 배열 평탄화 2

이 방식은 while루프와 Array.prototype.some() 방법을 결합하여 배열을 평탄화function flatten(arr) { while (arr.some(el => Array.isArray(el))) { arr = [].concat(...arr); } return arr;}let nestedArray = [1, [2, 3], [4, [5, 6]]];let flatArray = flatten(nestedArray);console.log(flatArray);// [1, 2, 3, 4, 5, 6] Array.prototype.some():배열 요소 중 하나라도 조건( Array.isArray(el))을 만족하면 true반환합니다.즉, 현재 배열에서 배열이 확인되는지 ..

Front/JS & jQuery 2024.12.08

[jQuery] $.map으로 배열 평탄화하기

let nestedArray = [[1, 2], [3, 4], [5, 6]];let flatArray = $.map(nestedArray, function(innerArray) { return innerArray; // 중첩 배열을 평탄화});console.log(flatArray); // [1, 2, 3, 4, 5, 6]   1. 한 단계 평탄화 let nestedArray = [1, [2, 3], [4, [5, 6]]];// 한 단계만 평탄화let flatArray = $.map(nestedArray, function(value) { return value; // 중첩된 배열은 그대로 반환});console.log(flatArray);// [1, 2, 3, 4, [5, 6]] 2. 모든 단..

Front/JS & jQuery 2024.12.05

[jQuery] $.map()

$.map(array, function(element, index) { return value;});주요 특징array은 순회할 배열 또는 유사한 배열입니다.콜백 솔루션은 배열의 요소와 반대되는 주장을 제기하지 않습니다.콜백에서 return값을 사용하여 새로운 배열을 적용합니다.null이나 undefined에는 결과 배열이 제외됩니다. 예시 1: 숫자 배열 변환배열의 각 숫자를 제곱하는 예제입니다.let numbers = [1, 2, 3, 4];let squares = $.map(numbers, function(value) { return value * value;});console.log(squares); // [1, 4, 9, 16] 예시 2: 배열에서 특정 속성 추출배열에서 특정 속성만 ..

Front/JS & jQuery 2024.12.03

[js] switch 문 안에서 같은 변수명 사용

switch 문에서 각 case 블록은 동일한 스코프를 공유하므로, 각 case 내에서 같은 변수명을 선언하면 오류가 발생합니다. 해결 방법은 크게 두 가지입니다.변수명 변경: 각 case 블록에서 다른 변수명을 사용합니다.switch 문 외부에 변수 선언: 변수를 switch 문 밖에서 선언하고, 각 case 블록에서 값을 할당합니다.let value = 2;let number; // switch문 외부에서 변수 선언switch (value) { case 1: number = 10; break; case 2: number = 20; break; default: number = 0; break;}console.log(number); // 20  let이나 const ..

Front/JS & jQuery 2024.11.07

[js] Quill Editor 높이 설정

Quill 에디터의 높이를 텍스트 길이에 맞게 자동으로 조정하려면, 다음과 같은 방식으로 설정할 수 있습니다. 1. CSS로 자동 높이 조정: overflow-y: hidden; 속성을 사용하고 height를 자동으로 조정하도록 할 수 있습니다. Quill 에디터의 기본 div를 대상으로 하여, 에디터 높이를 텍스트 길이에 맞게 확장하도록 만듭니다..ql-editor { overflow-y: hidden; /* 스크롤바 숨기기 */ min-height: 150px; /* 최소 높이 설정 */} 2. JavaScript로 동적으로 높이 조정: 텍스트의 길이에 따라 에디터의 height를 동적으로 조정하려면, text-change 이벤트 리스너를 추가하여 높이를 재설정할 수 있습니다.const q..

Front/JS & jQuery 2024.11.06
728x90
반응형