대상 의 확장
let foo = 'foo';
let obj = {foo};
console.log(obj) //{foo:'foo'}
속성 약자 외 에 방법 도 약자 로 쓸 수 있다.
const o = {
methods(){
return 'heool'
}
}
2. 속성 명 표현 식 javascript 정의 대상 의 속성 은 두 가지 방법 이 있 습 니 다.
//
obj.foo = true;
//
obj['a' + 'b'} = 123;
， ， 。
단, 글자 양 정의 대상 (대괄호 사용) 을 사용 하면 ES5 에 서 는 방법 1 (식별 자) 만 속성 을 정의 할 수 있 습 니 다.
let obj = {
a:1,
b:2
}
ES6 ， （ ） ， 。
let foo = 'foo';
let obj = {
['a']:1,
['b']:2
}
표현 식 은 방법 명 을 정의 하 는 데 도 사용 할 수 있 습 니 다.
let obj = {
['h' + 'ello'](){
return 'hi';
}
}
obj.hello() //hi
3. 방법의 name 속성 함수 의 name 속성, 함수 명 을 되 돌려 줍 니 다.대상 방법 도 함수 이기 때문에 name 속성 도 있 습 니 다.
let person = {
sayName(){
console.log('hello!')
}
}
person.sayName.name //'sayName'
4. 속성의 매 거 성과 옮 겨 다 니 기
let obj = {1:'a',2:'b'}
console.log(Object.keys(obj)) //[1,2]
5. 대상 의 확장 연산 자 재 구성 할당 대상 의 재 구성 할당 값 은 한 대상 에서 값 을 추출 하 는 데 사 용 됩 니 다. 대상 자체 의 모든 옮 겨 다 닐 수 있 지만 읽 힌 속성 을 지정 한 대상 에 배분 하 는 것 과 같 습 니 다.모든 키 와 값 은 새 대상 에 복 사 됩 니 다.
let {a,b,c} = {a:1,b:2,c:3,d:4,e:5}
console.log(a,b,c) //1,2,{c:3,d:4,e:5}
연산 자 대상 을 확장 하 는 확장 연산 자 (...) 는 매개 변수 대상 의 모든 속성 을 추출 하여 현재 대상 에 복사 할 수 있 습 니 다.
let z = {a:1,b:2}
let n = {...z}
n //{a:1,b:2}
배열 은 특수 한 대상 이기 때문에 대상 의 확장 연산 자 는 배열 에 도 사용 할 수 있다.
let foo = {...['a','b','c']}
foo
//{0: "a", 1: "b", 2: "c"}
대상 통합
let z = {a:1,b:2}
let y = {c:3,d:4}
let zy = {...z,...y}
console.log(zy) //{a: 1, b: 2, c: 3, d: 4}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
