JS 배열의 내장함수

Kyle_Kim·2023년 2월 4일

배열 내장함수

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

// forEach
arr.forEach(
  function (data){
    console.log(data*2);
  }
)

// Map
const newArr = arr.map((data) => {
  return data * 4;
});

newArr.forEach(
  function (data){
    console.log(data*2);
  }
)


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

let number = 2
console.log(arr.includes(number)); // True


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

let number = 2
console.log(arr.indexOf(number)); // 1



// 만약 indexOf에 찾는값이 없으면 -1을 리턴한다.

findIndex(Object)

const arr = [
  {color: "red"}
  ,{color: "black"}
  ,{color: "blue"}
  ,{color: "green"}
]

let number = 2
console.log(arr.findIndex((data) => data.color === "red" ));
// 1. arr의 모든 요소를 순회
// 2. 맞는 객체를 함수 표현식으로 사용한 함수가 리턴함.
// 3. findIndex내장 함수가 객체의 인덱스를 리턴함

find(Object)

만약 찾는 객체의 인덱스가 필요하면 findIndex를 사용해도 되지만, 필요한 값이 객체 그 자체라면 find를 사용해도 된다.

filter

const arr = [
 {num: 1 ,color: "red"}
 ,{num: 2 ,color: "black"}
 ,{num: 3 ,color: "blue"}
 ,{num: 4 ,color: "green"}
 ,{num: 5 ,color: "red"}
]

let number = 2
console.log(arr.filter((data) => data.color === "red" ));
//   {num: 1 ,color: "red"}  ,{num: 5 ,color: "red"}를 리턴함.

slice

배열 자르기

const arr = [
 {num: 1 ,color: "red"}
 ,{num: 2 ,color: "black"}
 ,{num: 3 ,color: "blue"}
 ,{num: 4 ,color: "green"}
 ,{num: 5 ,color: "red"}
]

console.log(arr.slice(0,2));

concat

const arr = [
 {num: 1 ,color: "red"}
 ,{num: 2 ,color: "black"}
 ,{num: 3 ,color: "blue"}
]

const arr2 = [
 {num: 4 ,color: "green"}
 ,{num: 5 ,color: "red"}
]

console.log(arr.concat(arr2));

sort

let chars = ["나","가","라",]

chars.sort();
console.log(chars)
//print "가", "나", "라

join

let chars = ["나","가","라",]

console.log(chars.join())
// print 나,가,라

console.log(chars.join("---"))
// print 나---가---라
profile
꾸준함.

0개의 댓글