자바스크립트 배열 관련 함수

 

 

1. map() : 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환

let Array = ["Apple", "Banana", "Tomato"];

let mapArray = Array.map((fruit) => `Nice ${fruit}`);

console.log(mapArray);

결과 :

 

2. filter() :  주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환

 

let Array = ["Apple", "Banana", "Tomato"];

let filterArray = Array.filter((fruit) => fruit.length > 5);

console.log(filterArray);

결과 :

 

3. forEach : 주어진 함수를 배열 요소 각각에 대해 실행

let Array = [1, 2, 3];
let emptyArry = [];

Array.forEach((num) => emptyArry.push(num));

console.log(emptyArry);

결과 :

 

 

 

4. push : 새로운 아이템을 배열에 추가하는 역할

let Array = [1, 2, 3];

Array.push(4);

console.log(Array);

결과 : 

 

 

5. includes : 배열이 특정 요소를 포함하고 있는지 판별 (true or false 반환)

 

let Array = ["Apple", "Banana", "Tomato"];

console.log(Array.includes("Apple"));

 

 

 

6. join : 배열의 모든 요소를 연결해 하나의 문자열로 만든다.

(MDN의 예제코드)

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// expected output: "Fire,Air,Water"

console.log(elements.join(''));
// expected output: "FireAirWater"

console.log(elements.join('-'));
// expected output: "Fire-Air-Water"

 

 

배열 관련 메서드는 이 외에도 많고, 많이 알수록 좋은것같다.

배열을 가지고 특정작업을 해야 할 때, 엄청 편하게 해주는 메서드가 많은듯!

 

sort(), reverse() 등 등

 

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

Array - JavaScript | MDN