> 웹 프론트엔드 > JS 튜토리얼 > es6의 객체 메소드는 무엇입니까?

es6의 객체 메소드는 무엇입니까?

王林
풀어 주다: 2022-10-20 14:52:03
원래의
1153명이 탐색했습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

ES6의 새로운 Object 메서드

Object.is()

Object.is() 두 값이 완전히 동일한지 비교하는 데 사용됩니다. 이는 기본적으로 엄격한 비교 연산자( ==)와 동일한 동작을 갖습니다. = ) 3개의 등호 판단에 따라 두 가지 새로운 차이점이 추가됩니다.

Object.is()에는 두 가지 차이점만 있습니다. 첫째, +0은 -0과 같지 않고, 둘째, NaN은 그 자체와 같습니다.

구문: ​​Object.is(value1, value2);

비교할 두 값을 전달하여 두 값이 일치하면 true를 반환하고, 일치하지 않으면 true를 반환합니다. 거짓을 반환합니다.

세 번째 등호는 값 유형이 동일한지 여부뿐만 아니라 참조 주소가 동일한지 여부도 결정합니다. 그래서 Object.is() 역시 객체, 배열 등 참조형의 데이터가 동일하지 않다고 판단합니다.

Object.ass()

Object.sign() 메서드는 객체를 병합하는 데 사용되며, 소스 객체(source)의 열거 가능한 모든 속성을 대상 객체(target)에 복사합니다.

참고:

이것은 얕은 사본입니다! !

대상 개체와 소스 개체에 동일한 이름의 속성이 있거나 여러 소스 개체에 동일한 이름의 속성이 있는 경우 나중 속성이 이전 속성을 덮어씁니다! !

let obj1 = {a:{b:1},b:22};
let obj2 = Object.할당({b:11},obj1);
console.log(obj2); ,a:{b:1}}
//obj1
obj1.a.b = 2의 속성 값을 수정합니다.
//이것은 얕은 복사
console.log(obj2. a.b); // 2

Object.keys(), Object.values(), Object.entries()

Object.keys() 메소드는 매개변수 객체 자체(상속된 객체 제외)를 멤버로 포함하는 배열을 반환합니다. 열거 가능한 모든 속성에 대한 키 이름 배열입니다.

Object.values() 메서드는 매개변수 객체 자체의 모든 탐색 가능한(열거 가능한) 속성의 키 값 배열(상속된 항목 제외)을 구성원으로 포함하는 배열을 반환합니다.

Object.entries() 메서드는 매개변수 개체 자체의 모든 탐색 가능한(열거 가능한) 속성(상속된 항목 제외)의 키-값 쌍을 구성원으로 포함하는 배열을 반환합니다.

let obj = {이름:"winne",age:22};
let objKeys = Object.keys(obj);
let objValues ​​​​= Object.values(obj);
let objItem = Object.entries(obj );

console.log(objKeys); //["name","age"]
console.log(objValues) //["winne",22]
console.log(objItem); [" name","winne"],["age",22]]

원하는 부분을 꺼낸 후 배열을 순회하여 각 항목을 얻을 수 있습니다.

//for..of traversal

for( let key of objKeys){
console.log(key)
}
//name
//age

//forEach traversal
objKeys.forEach(function(item ,index){
console.log(item,index);
})
//name 0
//age 1

[관련 권장 사항: javascript 비디오 튜토리얼, 프로그래밍 비디오]

위 내용은 es6의 객체 메소드는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
es6
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿