자바스크립트 배열 메소드 모아보기

push();

배열의 끝에 요소를 추가한다.

let fruits = ["사과", "바나나"];
fruits.push("오렌지");
console.log(fruits);   // ["사과", "바나나", "오렌지"]

 

pop();

배열의 마지막 요소를 삭제한다.

let fruits = ["사과", "바나나", "오렌지"];
fruits.pop();
console.log(fruits);   // ["사과", "바나나"]

 

shift();

배열의 첫번째 요소를 삭제한다.

javascriptCopy code
let fruits = ["사과", "바나나", "오렌지"];
fruits.shift();
console.log(fruits);   // ["바나나", "오렌지"]

 

unshift();

배열의 맨 앞에 요소를 추가한다.

let fruits = ["바나나", "오렌지"];
fruits.unshift("사과");
console.log(fruits);   // ["사과", "바나나", "오렌지"]

 

splice();

배열의 특정 위치에 있는 요소를 제거하거나 새 요소를 추가하는데 사용된다.

splice (시작위치, 끝위치, 넣을 요소)

let fruits = ["사과", "바나나", "오렌지"];
fruits.splice(1, 1, "포도");
console.log(fruits);   // ["사과", "포도", "오렌지"]

 

slice();

배열의 일부분을 새로운 배열로 만들어준다

slice(시작점, 끝점) 단, 끝점 미포함

let fruits = ["사과", "바나나", "오렌지"];
let slicedFruits = fruits.slice(1, 2);
console.log(slicedFruits);   // ["바나나"]

 

map();

배열내의 모든 각 요소에 대해 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.

let numbers = [1, 2, 3, 4, 5];
let squaredNumbers = numbers.map(function(number) {
  return number * number;
});
console.log(squaredNumbers);   // [1, 4, 9, 16, 25]

 

filter();

조건에 따라 tru인 값만 배열로 반환하여 준다.

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers);   // [2, 4]

 

find();

배열의 각 요소에 대헤 콜백함수를 실행하고 , 그결과가 true인 첫번째 요소만 반환한다.

let numbers = [1, 2, 3, 4, 5];
let foundNumber = numbers.find(function(number) {
  return number > 3;
});
console.log(foundNumber);   // 4

 

some();

있는지없는지 콜백함수로 검사하고 요소가 하나라도 있으면 true 반환.

let numbers = [1, 2, 3, 4, 5];
let hasEvenNumber = numbers.some(function(number) {
  return number % 2 === 0;
});
console.log(hasEvenNumber);   // true