6-1. 소개
var birds = ['eagle', 'pigeon']
var mammals = ['rabbit', 'cat']
var animals = birds.concat('whale').concat(mammals)
console.log(animals)위 코드는
다음과 같은 결과를 나타낼 것이다.
이를 더 간단히 나타낼 수 있는 방법이 있다.
var birds = ['eagle', 'pigeon']
var mammals = ['rabbit', 'cat']
const animals2 = [...birds, 'whale', ...mammals]
console.log(animals2)
결과는 같다.
6-2. 상세
1) 배열의 각 인자를 펼친 효과
const values = [20, 10, 30, 50, 40]
console.log(20, 10, 30, 50, 40)
console.log(...values)
console.log(Math.max(20, 10, 30, 50, 40))
console.log(Math.max.apply(null, values))
console.log(Math.max(...values))2) 앞뒤로 다른 값들을 함께 사용할 수도 있다.
const values = [3, 4, 5, 6, 7, 8]
const sum = function (...args) {
return args.reduce(function (p, c) {
return p + c
})
}
console.log(sum(1, 2, ...values, 9, 10)) //55
3) iterable(반복될수있는)한 모든 데이터는 펼칠 수 있다.
const str = 'Hello!'
const splitArr = str.split('')
const restArr = [...str]
console.log(splitArr, restArr)
4) push, unshift, concat 등의 기능을 대체할 수 있다.
let originalArr = [2, 3]
const preArr = [-2, -1]
const sufArr = [6, 7]
originalArr.unshift(1) //원래배열
originalArr.push(4) //원래배열
originalArr = [0, ...originalArr, 5] // 새로운 배열
console.log(originalArr)
const concatArr = preArr.concat(originalArr, sufArr)
const restArr = [...preArr, ...originalArr, ...sufArr]
console.log(concatArr, restArr)5) '새로운' 배열이다.
let originalArray = [1, 2]
let copiedArray = [...originalArray]
console.log(originalArray === copiedArray)
originalArray.push(3)
console.log(originalArray)
console.log(copiedArray)6) '얕은복사'만을 수행한다.
let originalArray = [{
first: 'Hello,',
second: 'World!'
}, {
first: 'Welcome',
second: 'ES6!'
}]
let copiedArray = [...originalArray]
console.log(originalArray[0].first)
copiedArray[0].first = "Hi,"
console.log(originalArray[0].first)