휴식과 자바 스크립트의 확산

자바 스크립트에는 확산 및 휴식과 같은 미스 개념이 많이 있지만 동일하거나 동일하게 보이지만 동작이 다릅니다. 오늘 이 기사에서 우리는 휴식과 퍼짐 사이의 주요 차이점이 무엇인지 발견할 것입니다.

스프레드 및 레스트 신텍스...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) 



마지막으로 휴식과 확산 작업 사이의 주요 차이점을 다룹니다.

요약


  • 함수 매개변수에서 (...)를 사용하면 Rest가 호출됨
  • 함수 인수에 (...)를 사용하면 Spread가 호출됨
  • 확산 연산자는 개체와 배열을 병합하는 데 도움이 되지만 조건부입니다.😄
  • 좋은 웹페이지 즐겨찾기