JS_문법 (2)_구조 분해 할당2, Rest-Spread 파라미터

변수 값 교환하기

let a = 1;
let b = 2;
[a, b] = [b, a] //대괄호로 해야 가능
console.log(a, b)

>>>
2 1

다른 언어에 비해서

교환하는 것이 간결하다.

 

한 번에 여러 값 할당

let a = 1;
let b = 2;
[a, b] = [3, 4]

console.log(a, b)

>>>
3 4

파이썬의 튜플처럼 여러 값을 할당하는 것은

위처럼 써주면 가능하다.

 

function data(){
    return [1, 2]
}
let [a,b] = data()
console.log(a, b)

>>>
1 2

함수의 리턴값을 배열로 지정하는 것도

여러 값을 할당시키는 데에 이용가능하다.

 

문자열 분리

파이썬에도 있는 .split() 함수!

let data = 'Hello my name is Kassid'
console.log(data.split(' '))

>>>
[ 'Hello', 'my', 'name', 'is', 'Kassid' ]

지정한 값을 기준으로 문자열을 분리하고

배열에 담아서 반환한다.

 

let data = 'one,two,three,four'
let [n1,n2,n3,n4]=data.split(',')
console.log(n1, n2, n3, n4)

>>>
one two three four

위와 같이 구조 분해 할당에도 활용할 수 있다.

 

Rest 파라미터

... 을 함수의 인자에 붙여주는 것이다.

(파이썬의 *args와 같은 개념)

function data(...items) {
    console.log(items)
}

data(1,2,3,4,5)

>>>
[ 1, 2, 3, 4, 5 ]

주의할 점은

역시나 rest 파라미터는 뒤에 놓아야

오류가 발생하지 않는다.

 

Spread 파라미터

배열, 문자열 등  iterable 변수 앞에 붙여서

개별 아이템으로 분리 시킬 수 있다.

(iterable : 반복 가능한 객체)

 

const data = [1,2,3,4,5]
console.log(...data)

>>>
1 2 3 4 5

위처럼 아이템을 하나씩 분리해서 출력해준다.

 

Spread파라미터는 함수의 인자 수에 맞춰서

하나씩 배열의 아이템을 대입해주고 싶을 때

간결하게 사용할 수 있다.

function func(a,b,c) {
    console.log(a)
    console.log(b)
    console.log(c)
}
const data = [1,2,3,4,5]
func(...data)

>>>
1
2
3
4
5

 

기존 배열을 이용해

새로운 배열을 구성할 때도 사용할 수 있다.

const arr1 = [1,2,3]
const arr2 = [0,...arr1, 4,5,6]
console.log(arr2)

>>>
[ 0, 1, 2, 3, 4, 5, 6 ]

이전에 다뤘던

concat과 다른 점은

배열을 넣을 때 위치를 정해줄 수 있다는 점이다.

(문자열 formating하는 느낌)