es6 연산자 확장...
1156 단어 es6
ES6에서 4
...배열 방법 또는 객체를 확장할 수 있는 확장 연산자를 나타냅니다.먼저 그것이 어떻게 사용되는지 예를 보아라.const arr1 = [1, 2, 3];
const arr2 = [...arr1, 10, 20, 30];
，arr2 [1, 2, 3, 10, 20, 30];arr1의 값이 arr2로 완전히 복제되었습니다.물론 전개 대상 데이터도 비슷한 결과를 얻을 수 있다
const obj1 = {
a: 1,
b: 2,
c: 3
}
const obj2 = {
...obj1,
d: 4,
e: 5,
f: 6
}
const obj2 = Object.assign({}, obj1, {d: 4})전개 연산자는 해석 구조에도 자주 활용된다. 예를 들어 우리가 Raect에서 구성 요소를 봉인할 때 props가 도대체 얼마나 많은 데이터를 전송할지 확신하지 못하면 전개 연산자를 이용하여 나머지 데이터를 처리한다.
react
const props = {
size: 1,
src: 'xxxx',
mode: 'si'
}
props ，
const { size, ...others } = props;
console.log(others)
， react ， react
展开运算符还用在函数的参数中，来表示函数的不定参。只有放在最后才能作为函数的不定参，否则会报错。
//
const add = (a, b, ...more) => {
return more.reduce((m, n) => m + n) + a + b
}
console.log(add(1, 23, 1, 2, 3, 4, 5)) // 39연산자의 운용을 전개하면 우리의 코드 효율을 크게 높일 수 있지만 처음에 사용할 때 비교적 빙빙 돌기 때문에 잘 파악하면 사용하기에 매우 시원하다. 이런 사용 장면을 기억하고 평소에 사용할 때 애써 많이 활용하면 된다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JavaScript로 카드 놀이를 넘기는 애니메이션을 만들려고했습니다.카드를 넘기는 애니메이션을 만들어 보았습니다. 폴더 구성은 다음과 같습니다. 코드는 다음과 같습니다. card_turning.html 다음은 JavaScript 코드입니다. cardTurning.js 결과는, 이런 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
