휴식과 자바 스크립트의 확산
스프레드 및 레스트 신텍스
...array
let array1 = [1,2]
let array2 = [3,4]
// we want to concat two array
// we can concat two way like
let array3 = [...array1, ...array2]
// another way
let array3 = array1.concat(array2)
첫 번째 예는 다음을 통해 연결됩니다.
스프레드 연산자를 사용하면 스프레드를 통해 연결할 수 있는 10개의 배열이 있는 것처럼 스프레드를 사용할 수 있습니다.
두 번째 예는 내장 자바스크립트입니다.
문자열 배열에서 사용할 수 있습니다.
let strArray = [..."developer life is tough"]
// output like devide all letter and space like array just try your self
배열에서 가장 중요한 것은 얕은 복사라고 하는 배열을 복사할 수 있다는 것입니다.
이것은 첫 번째 레벨만 복제한다는 점을 명심하십시오. 이것은 숫자 및 문자열과 같은 기본 유형으로 작동하지만 객체는 아닙니다.
let arrToClone = [1,2,3,4,5,6,7,8]
let shallowCopy = [...arrToClone]
개체에서의 확산의 사용을 이해하자.
let obj1 ={
age: 23,
profession : 'developer'
}
let obj2 ={
language: 'javascrip',
girlfriend : false
}
let obj3 = {...obj1, ... obj2}
console.log(obj3)
// It will marge two object
// we can shallow copy with object but conditions is obly first lavel like array
let shallowCopyObj = {...obj1}
마지막은 기능입니다.
자바스크립트 함수에서는 양방향으로 사용할 수 있습니다.
쉬다
//this it rest
function exp(x,y,...other){
return other;
}
// rest operator
exp(1,2,3,4,5,6,7,8,9)
// return [3,4,5,6,7,8,9]
확산
function exp2(a,b,c){
return a+b+c
}
let number = [1,2,3]
// spread operator
exp2(...number)
마지막으로 휴식과 확산 작업 사이의 주요 차이점을 다룹니다.
요약
Reference
이 문제에 관하여(휴식과 자바 스크립트의 확산), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/nkomorfaruk/rest-vs-spread-in-javascript-4d7m텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)