배열 메소드

Jtiiin:K·2023년 10월 12일
0
post-thumbnail

배열 메소드

✅ push()

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

✅ pop()

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

✅ shift()

  • 맨 앞 삭제
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);   // ["바나나"]

✅ forEach()

  • forEach(function(){})
  • 배열에 있는 각 요소를 순회하면서 요소만큼 함수를 실행시켜 함수 안에 있는 작업을 수행
let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
  console.log(number);
}); // 1 2 3 4 5

✅ map()

  • map(function(){})
  • 기존 배열을 가공해서 새 배열을 반환
  • map 함수에 들어가는 콜백함수는 반드시 return 문을 가져야 함
  • 항상 원본 배열의 길이만큼 return 됨
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()

  • filter(function(){})
  • return 필요
  • 조건이 들어가고 그 조건에 맞는 요소만 새 배열로 반환
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers);   // [2, 4]

✅ find()

  • find(function(){})
  • filter와 유사하지만 조건에 맞는 첫번째 요소만 반환
let numbers = [1, 2, 3, 4, 5];
let foundNumber = numbers.find(function(number) {
  return number > 3;
});
console.log(foundNumber);   // 4

✅ reduce()

  • reduce(function(요소, 현재값){}, 초기값)
let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(accumulator, currentValue) {
  return accumulator + currentValue;
}, 0);
console.log(sum); // 15

✅ some()

  • some(function(){})
  • true인 요소가 하나라도 있는지 확인
let numbers = [1, 2, 3, 4, 5];
let hasEvenNumber = numbers.some(function(number) {
  return number % 2 === 0;
});
console.log(hasEvenNumber);   // true

✅ reverse()

  • reverse()
  • 배열의 요소를 역순으로 정렬
let numbers = [1, 2, 3, 4, 5];
numbers.reverse();
console.log(numbers);   // [5, 4, 3, 2, 1]

✅ every()

  • every(function(){})
  • 결과가 true인 요소가 모든 요소인지 확인
let numbers = [2, 4, 6, 8, 10];
let isAllEvenNumbers = numbers.every(function(number) {
  return number % 2 === 0;
});
console.log(isAllEvenNumbers);   // true

✅ sort()

  • sort(function(){})
  • 배열의 요소를 정렬
let numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers);   // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]
profile
호기심 많은 귀차니즘의 공부 일기

0개의 댓글