JavaScript - Arrays 다루기

1. Array.map()

map()을 이용해서 array를 다른 형태로 바꿀 수 있다.

 

const data = [{ name:'lebron', age: 38 }, 
              { name:'curry', age: 34 }, 
              { name:'durant', age: 34 }, 
              { name:'harden', age: 34 }, 
              { name:'embiid', age: 25 }]

const mappedData = data.map(element => element.name);

console.log(mappedData) // [ 'lebron', 'curry', 'durant', 'harden', 'embiid' ]

 

2. Array.filter() 

array에서 특정 조건을 가지고 필터링할 수 있다.

 

const data = [{ name:'lebron', age: 38 }, 
              { name:'curry', age: 34 }, 
              { name:'durant', age: 34 }, 
              { name:'harden', age: 34 }, 
              { name:'embiid', age: 25 }]

const filteredData = data.filter(element => element.age > 35);

console.log(filteredData) //[ { name: 'lebron', age: 38 } ]

 

3. Array.reduce()

object array로부터 특정값을 가져올 때 사용한다.

 

코드는 array들의 age 평균을 구하는 예제이다.

 

const data = [{ name:'lebron', age: 38 }, 
              { name:'curry', age: 34 }, 
              { name:'durant', age: 34 }, 
              { name:'harden', age: 34 }, 
              { name:'embiid', age: 25 }]

const average = data.reduce((accumulator, element) => accumulator + element.age, 0)/data.length

console.log(average) // 33

 

 

4. Spread operator

두 개의 array를 합치고 싶을때 코드 예제

 

const player1 = ["lebron", "curry"]
const player2 = ["harden", "durant"]

const players = [...player1, ...player2]
console.log(players) // [ 'lebron', 'curry', 'harden', 'durant' ]

 

array를 clone하고 싶을때

 

const players = ["curry", "harden", "durant"]

const clonedPlayers = [...players]

console.log(clonedPlayers) // [ 'curry', 'harden', 'durant' ]
console.log(players === clonedPlayers) // false

 

5. Array Destructing

 

일반적으로 array의 개별값을 가져오는 방법

const players = ["harden", "curry", "durant"]

const value1 = players[0]
const value2 = players[1]
const value3 = players[2]

console.log(value1, value2, value3) // harden curry durant

 

ES6 문법으로 가져오는 방법

const players = ["harden", "curry", "durant"]

const [value1, value2, value3] = players

console.log(value1, value2, value3) // harden curry durant

 

6. Array.some()

 

some(): 배열 내에 만족하는 조건이 있는지 확인할때

 

const garage = ['BMW', 'AUDI', 'VOLVO'];
const findCar = garage.some((car) => car === 'BMW');
console.log(findCar); //true

 

7. Array.every()

 

every(): 배열의 모든 element가 만족해야 true

 

const garage = ['BMW', 'AUDI', 'VOLVO'];
const allBmw = garage.every((car) => car === 'BMW');
console.log(allBmw); //false

 

 

관련글

JavaScript - Shuffling arrays

JavaScript - Shuffling arrays