• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

배열 메소드

• push

  • 배열의 마지막에 새로운 요소 추가

  const fruits = ['apple', 'banana'];
  fruits.push('cherry'); // ['apple', 'banana', 'cherry']
  

• pop

  • 배열의 마지막 요소를 제거하고 반환

  const fruits = ['apple', 'banana'];
  const a = fruits.pop(); // ['apple']
  console.log(a) // 'banana';
  

• shift

  • 배열의 첫 번째 요소를 제거하고 반환

  const fruits = ['apple', 'banana'];
  fruits.shift(); // 'apple'
  console.log(fruits); // ['banana']
  

• unshift

  • 배열의 첫번째 앞에 요소들을 추가

  const fruits = ['apple', 'banana'];
  fruits.unshift('cherry')
  console.log(fruits); // ['cherry','apple', 'banana']
  

• concat

  • 두 개 이상의 배열을 합쳐 새로운 배열을 반환

  let fruits = ['apple', 'banana'];
  let moreFruits = ['cherry', 'date'];
  let allFruits = fruits.concat(moreFruits);
  console.log(allFruits); // ['apple', 'banana', 'cherry', 'date']
  

• slice

  • 배열의 일부를 추출하여 새로운 배열을 반환
  • 원본 배열은 유지

  let fruits = ['apple', 'banana', 'cherry', 'date'];
  let someFruits = fruits.slice(1, 3);
  console.log(someFruits); // ['banana', 'cherry']
  

• splice

  • 배열의 요소를 제거 or 추가
  • 원본 배열도 변경

  let fruits = ['apple', 'banana', 'cherry', 'date'];
  fruits.splice(1, 2, 'blueberry', 'cranberry');
  console.log(fruits); // ['apple', 'blueberry', 'cranberry', 'date']
  

• forEach

  • 배열의 각 요소에 대해 주어진 함수를 실행

  let fruits = ['apple', 'banana', 'cherry'];
  fruits.forEach(fruit => console.log(fruit));
  // apple
  // banana
  // cherry
  

• map

  • 배열의 각 요소를 콜백 함수에 맞춰서 새로운 배열을 반환

  let numbers = [1, 2, 3, 4];
  let doubled = numbers.map(num => num * 2);
  console.log(doubled); // [2, 4, 6, 8]
  

• reduce

  • 계산을 통해 하나의 값으로 리턴 되는 함수

  let numbers = [1, 2, 3, 4];
  let sum = numbers.reduce((total, num) => total + num, 0);
  console.log(sum); // 10
  

• filter

  • 조건을 만족하는 배열의 요소들만 모아 새로운 배열을 반환

  let numbers = [1, 2, 3, 4, 5];
  let evenNumbers = numbers.filter(num => num % 2 === 0);
  console.log(evenNumbers); // [2, 4]
  

• find

  • 조건에 맞는 첫 요소를 반환

  let fruits = ['apple', 'banana', 'cherry'];
  let found = fruits.find(fruit => fruit.startsWith('b'));
  console.log(found); // 'banana'
  

• findIndex

  • 조건에 맞는 첫 요소의 인덱스 반환

  let fruits = ['apple', 'banana', 'cherry'];
  
  let index = fruits.findIndex(fruit => fruit.startsWith('c'));
  console.log(index); // 1
  

• some

  • 조건에 맞는 요소가 있는지 체크

  let numbers = [1, 2, 3, 4, 5];
  let someEven = numbers.some(num => num % 2 === 0);
  console.log(someEven); // true
  

• every

  • 모든 요소가 조건을 만족하는지 체크

  let numbers = [1, 2, 3, 4, 5];
  let allEven = numbers.every(num => num % 2 === 0);
  console.log(allEven); // false
  

• includes

  • 배열의 항목에 특정 값이 포함되어 체크

  const array1 = [1, 2, 3];
  
  console.log(array1.includes(2));
  // Expected output: true
  
  const pets = ['cat', 'dog', 'bat'];
  
  console.log(pets.includes('cat'));
  // Expected output: true
  
  console.log(pets.includes('at'));
  // Expected output: false
  

• sort

  • 요소를 정렬
  • 원본 배열 변경

  let fruits = ['cherry', 'apple', 'banana'];
  fruits.sort();
  console.log(fruits); // ['apple', 'banana', 'cherry']
  
  let numbers = [4, 2, 5, 1, 3];
  numbers.sort((a, b) => a - b);
  console.log(numbers); // [1, 2, 3, 4, 5]
  

• reverse

  • 배열의 순서를 역으로 바꿈
  • 원본 배열이 변경

  let fruits = ['apple', 'banana', 'cherry'];
  fruits.reverse();
  console.log(fruits); // ['cherry', 'banana', 'apple']