반응형
spread operator 확인
함수 호출 시 사용시
function test(...args) {
console.log(args);
}
test('1', '2', '3');
//아 이건 rest parameter 라고 하네-_-; 난 이건지 알았음
args 가 배열로 넘오온 것을 확인 가능
function test02(a, b, c) {
console.log(a);
console.log(b);
console.log(c);
}
var args = [1, 2, 3, 4, 5];
test02(...args);
배열 리터럴 용
[...args, 4, 5, 6]
destructuring 에서 사용 시
[a, b, ...args] = [1, 2, 3, 4, 5, 6];
url : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_operator
rest parameter url : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/rest_parameters
소스
<html>
<script type="text/javascript">
function test(...args) {
console.log(args);
}
function test02(a, b, c) {
console.log(a);
console.log(b);
console.log(c);
}
</script>
<body>
<script type="text/javascript">
//rest parameter 임
test('1', '2', '3');
var arr = [1, 2, 3, 4, 5];
test02(...arr);
//destructure
[a, b, ...arr2] = [1, 2, 3, 4, 5, 6];
console.log(a);
console.log(b);
console.log(arr2);
//배열 리터럴
var arr3 = [...arr2, 3, 2, 1];
console.log(arr3);
//배열 push
var arr4 = [];
arr4.push(...arr3);
console.log(arr4);
</script>
</body>
</html>