배열내장함수 - filter, slice, concat,sort

Hoo·2023년 3월 30일
0

filter 란 ?

  • 주어진 함수를 만족하는 모든 요소를 모아 배열로 반환한다.

문제(Quiz)

let arr = [
  { num: 1, color: "red" },
  { num: 2, color: "blue" },
  { num: 2, color: "black" },
  { num: 4, color: "white" },
  { num: 5, color: "pink" }
];

//filter를 사용하여 num2에 해당하는 color 만 새로운 배열을 만들고 넣기
let arr = [
 { num: 1, color: "red" },
 { num: 2, color: "blue" },
 { num: 2, color: "black" },
 { num: 4, color: "white" },
 { num: 5, color: "pink" }
];

let result = arr.filter(function(e){
 return e.num === 2;
});

for (let x in result) {
 console.log(result[x])
}

//결과값 : 
https://velog.velcdn.com/images/showil20/post/5aa76a5a-6bd0-44b7-88f0-5d07f2bf071b/image.png

slice 란 ?

slice() 함수는 배열로 부터 특정 범위를 복사한 값들을 담고 있는 새로운 배열을 만드는데 사용합니다. 첫번째 인자(begin)로 시작 인덱스(index), 두번째 인자(end)로 종료 인덱스를 받으며, 시작 인덱스부터 종료 인덱스까지 값을 반환

let arr = [
  { num: 1, color: "red" },
  { num: 2, color: "blue" },
  { num: 2, color: "black" },
  { num: 4, color: "white" },
  { num: 5, color: "pink" }
];

console.log(arr.slice(0, 1))
//결과값 : 첫번째 객체만 나옴

concat ?

  • 배열을 하나의 배열로 합쳐서 다시 반환해준다.
let arr = [
  { num: 1, color: "red" },
  { num: 2, color: "blue" },
  { num: 2, color: "black" },
  
];

let arr2 = [
  { num: 4, color: "white" },
  { num: 5, color: "pink" }
]

console.log(arr.concat(arr2))

sort란 ?

  • 유니코드 순서에 따라 오름차순으로 정렬해준다.
 let charts = ["라","나","가","마"]
console.log(charts);

//결과 : 라 나 가 마

charts.sort();

console.log(charts);

//결과  : 가나다라
  • 숫자를 기준으로 정렬을 하지않고 문자를 기준으로 정렬을 한다.
let numbers = [0, 1, 3, 2, 10, 30, 20];
numbers.sort();
console.log(numbers);

결과값 : [0, 1, 10, 2, 20, 3, 30]
profile
기록하는중입니다.

0개의 댓글