ES6 개체 조작 실례 상세 설명
1.대상 할당
es5 의 대상 할당 방식 은 다음 과 같다.
let name=" ";
let skill= 'es6 ';
var obj= {name:name,skill:skill};
console.log(obj);
결 과 는:ES6 는 성명 의 변 수 를 대상 에 게 직접 할당 할 수 있 습 니 다.예 를 들 어:
let name=" ";
let skill= 'es6 ';
var obj= {name,skill};
console.log(obj);
결 과 는 상술 한 것 과 같다.2.대상 키 값 구축
때때로 우 리 는 백 스테이지 에서 키 값 을 꺼 낼 때 가 있 습 니 다.백 스테이지 에서 정 의 된 키 값 이 아니 라 백 스테이지 에서 정 의 된 키 값 을 백 스테이지 로 다시 구축 할 수 있 습 니 다.
전단 에서 우 리 는[]의 형식 으로 대상 의 구축 을 진행 할 수 있다.
let key='skill';// key
var obj={
[key]:'web' // key
}
console.log(obj.skill);//web
3.사용자 정의 대상 방법대상 방법 은 대상 의 속성 을 익명 함수 로 프로 그래 밍 하 는 것 이다.
var obj={
add:function(a,b){
return a+b;
}
}
console.log(obj.add(1,2)); //3
4.Object.is()대상 비교ES5 의 대상 비교 방법 은 자주==을 사용 하여 판단 합 니 다.다음 과 같 습 니 다.
var obj1 = {name:'admin'};
var obj2 = {name:'admin'};
console.log(obj1.name === obj2.name);//true
ES6 는 우리 에 게 is 방법 을 제공 하여 다음 과 같이 비교 합 니 다.
var obj1 = {name:'admin'};
var obj2 = {name:'admin'};
console.log(Object.is(obj1.name,obj2.name))//true
구분===is 방법 과 의 차이 가 무엇 인지 아래 코드 출력 결 과 를 보 세 요.
console.log(+0 === -0); //true
console.log(NaN === NaN ); //false
console.log(Object.is(+0,-0)); //false
console.log(Object.is(NaN,NaN)); //true
기억 은:===같은 값 이 고 is()는 엄 격 히 같다.6.Object.assign()통합 대상
assgin()을 사용 하면 배열 과 같은 합병 작업 을 실현 할 수 있 습 니 다.
var a={a:'a'};
var b={b:'b'};
var c={c:'c'};
let d=Object.assign(a,b,c)
console.log(d);
결 과 는:관심 있 는 친 구 는 온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 할 수 있 습 니 다.
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
(Javascript) ES6의 주요 특징 정리let을 사용하면 선언한 변수는 블록안에서만 유효하게 된다. const 역시 마찬가지로 블록스코프를 따른다 .const 와 let의 차이점은 const 는 상수로 값을 할당한다는 점이다. 따라서 값을 변경시키려고 하...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.