자바스크립트에서 배열의 요소 앞에 추가(Prepend)하거나 뒤에 추가(Append)하는 방법입니다. 대부분 배열 마지막에 요소를 추가하는 방법을 알고 있지만 처음에 요소를 추가하는 방법을 잘 모릅니다. 또 한 번에 여러 요소를 추가하는 방법을 알아 봅시다. const fruits = ["🍎", "🍌", "🍒"]; // push로 요소를 마지막에 추가 fruits.push("🍉"); console.log(fruits); // ["🍎", "🍌", "🍒", "🍉"]; // unshift로 요소를 처음에 추가 fruits.unshift("🍆"); console.log(fruits); // ["🍆", "🍎", "🍌", "🍒", "🍉"]; // 한 번에 여러 항목을 추가 fruits.push("🍍", "🍊"); ..

every, some 메서드는 배열을 순회하면서 배열의 요소들이 특정 조건을 만족하는지 검사하는 메서드입니다. every, some 메서드는 반환 값이 결정되면 배열 순회를 중단 합니다. Array.some - 특정 조건과 일치하는 요소 Array.every - 모든 요소가 있는지 확인 every, some 메서드의 차이는 every는 배열의 모든 값이 조건을 만족해야, some은 일부만 만족해도 true를 return 합니다. every() callback함수가 false을 반환하는 요소를 찾을 때까지 배열에 있는 각 요소에 대해 한 번씩 callback 함수 실행 해당하는 요소를 발견한 경우 every는 즉시 false를 반환 빈 배열에서 호출하면 true 반환 let data = [1, 3, 5] ..

배열 합집합 전개연산자 spread operator(...)와 Set을 사용하여 두 배열을 병합하고 모든 중복된 요소를 제거 합니다. let arrA = [1, 4, 3, 2]; let arrB = [5, 2, 6, 7, 1]; [...new Set([...arrA, ...arrB])]; // returns [1, 4, 3, 2, 5, 6, 7] 배열 교집합 filter와 includes을 사용하여 두 배열에 포함된 동일한 요소를 확인 할 수 있습니다. includes() 함수는 배열이 특정값을 포함하고 있는지의 여부를 boolean 값으로 반환합니다. let arrA = [1, 4, 3, 2]; let arrB = [5, 2, 6, 7, 1]; arrA.filter(it => arrB.includes(..

Array.forEach() 반복문은 Array 객체에서만 사용가능한 메서드 입니다. (ES6부터는 Map, Set 등에서도 지원) let array = [1,2,3,4]; array.forEach((x) => { console.log(x); }) //logs 1,2,3,4 for...in 반복문은 객체의 속성을 반복하여 작업을 수행할 수 있습니다. 인덱스 순서가 중요하지 않은 객체에 사용하는 것이 좋습니다. let obj = { "a":1, "b":2 }; for(let k in obj){ console.log(k) } //logs a,b for...of 반복문은 ES6에 추가된 새로운 컬렉션 전용 반복 구문입니다. let array = [1,2,3,4]; for(let x of array){ cons..

.map() 인자값: currenValue, index, array 요소를 일괄적으로 변경 var arr = ['foo', 'hello', 'diamond', 'A'] var arr2 = arr.map((v) => v.length) // 각 요소의 글자 길이값 반환 console.log(arr2) // [3, 5, 7, 1] .filter() 요소를 걸러내어 배열로 true/false 반환, 없으면 빈 배열 var arr = [4, 15, 377, 395, 400, 1024, 3000] var arr2 = arr.filter((v) => (v % 5 === 0)) console.log(arr2) // [15, 395, 400, 3000] .find() 단 하나의 요소만 반환, 여러 개 있으면 처음값만 반..