[JavaScript] 배열 내장함수

✔ forEach

배열에서 사용할 수 있는 메서드로,

배열.forEach(콜백함수)

배열을 순회하면서 모든 요소에 대해 콜백함수를 실행할 수 있게한다.

const arr = [1, 2, 3, 4, 5]

arr.forEach(function (elm) => {console.log(elm)};

✔ map

배열의 내장함수로 배열을 순회하면서 모든 요소에 대해 콜백함수를 실행한 후, return된 값들만을 추려 새로운 배열을 return.

✔ includes

배열에 특정한 값이 있는지를 bollean 형식으로 return 해줌

const arr = [1, 2, 3, 4]

let number = 3

console.log(arr.includes(number)) // true

// ===과 같은 형태

✔ indexOf

배열에 해당 값이 있으면 그 값의 인덱스를 알려주고, 배열에 없다면 -1을 return 함

const arr = [1, 2, 3, 4]

let number = 3

console.log(arr.indexOf(number)) // 2

✔ findIndex

findIndex() 메서드는 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다. 만족하는 요소가 없으면 -1을 반환합니다. 중복값이 있으면 처음 만나는 값의 인덱스를 return

const arr = [
  { color: "red" },
  { color: "pink" },
  { color: "blue" },
  { color: "yellow" },
];

let number = 3

console.log(arr.findIndex((elm) => {elm.color === "red"})) // 0

✔ filter

배열을 필터링 하는 법
전달한 콜백함수가 true로 반환되는 모든 요소들을 배열로 반환함

const arr = [
  { num: 1, color: "red" },
  { num: 2, color: "pink" },
  { num: 3, color: "blue" },
  { num: 4, color: "yellow" },
  { num: 5, color: "blue" },
];

console.log(arr.filter((elm) => elm.color === "blue"))
// [obj, obj]
// [  { num: 3, color: "blue" }, { num: 5, color: "blue" }]

✔ slice

배열을 자르는 함수
새로운 배열로 반환

배열.slice()
배열.slice(처음, 마지막-1)

const arr = [
  { num: 1, color: "red" },
  { num: 2, color: "pink" },
  { num: 3, color: "blue" },
  { num: 4, color: "yellow" },
  { num: 5, color: "blue" },
];

console.log(arr.slice(0, 2)) 
// [  { num: 1, color: "red" },{ num: 2, color: "pink" } ]

✔ concat

배열 두 개를 합친 새로운 배열을 반환해줌

const arr1 = [
  { num: 1, color: "red" },
  { num: 2, color: "pink" },
  { num: 3, color: "blue" },
];

const arr2 = [
  { num: 4, color: "yellow" },
  { num: 5, color: "blue" },
]

console.log(arr1.consat(arr2)) 

✔ sort

원본 배열을 정렬
사전 순으로 배열

let arr = ["가", "다", "나"]

console.log(arr.sort()) // ["가", "나", "다"]

const array1 = [1, 30, 4, 21, 100000];
array1.sort();
console.log(array1);
// Expected output: Array [1, 100000, 21, 30, 4]

사전 순으로 정렬하기때문에 1 다음에 100000이 오게됨!

=> 정렬을 하는 함수를 새로 만들어서 기준으로 넣어줌

const array1 = [1, 30, 4, 21, 100000];

cosnt compare = (a, b) => {
  if (a > b) {
    return 1
  }
  if (a < b) {
    return -1
  }
  return 0
}

array1.sort(compare);
console,log(array1)
// [1, 4, 21, 30, 100000] 
// 내림차순은 return을 반대로

✔ join

문자열을 하나로 합쳐주는 메서드

const arr = ["안녕", "하세요", "헤헤"]

console.log(arr.join()) // 안녕,하세요,헤헤
console.log(arr.join("")) // 안녕 하세요 헤헤