ES6 개체 조작 실례 상세 설명

2443 단어 ES6대상 조작
본 고의 실례 는 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 코드 실행 도 구 를 사용 할 수 있 습 니 다.
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기