객체, 복합 데이터
2753 단어 JavaScriptJavaScript
object
// Object literal { key: value }
// new Object()
// Object.create();
// key - 문자, 숫자, 문자열, 심볼
// value - 원시값, 객체 (함수)
let apple = {
name: 'apple',
'hello-bye': '✋',
0: 1,
['hello-bye1']: '✋',
};
// 속성, 데이터에 접근하기 위해서는
apple.name; // 마침표 표기법 dot notation
console.log(apple['hello-bye1']); // 대괄호 표기법 bracket notation
apple['name'];
// 속성 추가
apple.emoji = '🍎';
console.log(apple.emoji);
console.log(apple['emoji']);
// 속성 삭제
delete apple.emoji;
console.log(apple);
compute
const obj = {
name: '엘리',
age: 20,
};
// 코딩하는 시점에, 정적으로 접근이 확정됨
obj.name;
obj.age;
// 동적으로 속성에 접근하고 싶을때 대괄호 표기법 사용!
function getValue(obj, key) {
return obj[key];
}
console.log(getValue(obj, 'name'));
function addKey(obj, key, value) {
obj[key] = value;
}
addKey(obj, 'job', 'engineer');
console.log(obj);
function deleteKey(obj, key) {
delete object[key];
}
short
const x = 0;
const y = 0;
const coordinate = { x, y }; //{ x: x, y: y };
console.log(coordinate);
function makeObj(name, age) {
return {
name,
age,
};
}
method
const apple = {
name: 'apple',
display: function () {
console.log(`${this.name}: 🍎`);
},
};
apple.display();
create
// const apple = {
// name: 'apple',
// display: function () {
// console.log(`${this.name}: 🍎`);
// },
// };
// const orange = {
// name: 'orange',
// display: function () {
// console.log(`${this.name}: 🍊`);
// },
// };
// 생성자 함수
function Fruit(name, emoji) {
this.name = name;
this.emoji = emoji;
this.display = () => {
console.log(`${this.name}: ${this.emoji}`);
};
// return this; // 생략가능
}
const apple = new Fruit('apple', '🍎');
const orange = new Fruit('orange', '🍊');
console.log(apple);
console.log(orange);
console.log(apple.name);
console.log(apple.emoji);
apple.display();
immutability
// const apple = {
// name: 'apple',
// display: function () {
// console.log(`${this.name}: 🍎`);
// },
// };
// const orange = {
// name: 'orange',
// display: function () {
// console.log(`${this.name}: 🍊`);
// },
// };
// 생성자 함수
function Fruit(name, emoji) {
this.name = name;
this.emoji = emoji;
this.display = () => {
console.log(`${this.name}: ${this.emoji}`);
};
// return this; // 생략가능
}
const apple = new Fruit('apple', '🍎');
const orange = new Fruit('orange', '🍊');
console.log(apple);
console.log(orange);
console.log(apple.name);
console.log(apple.emoji);
apple.display();
Author And Source
이 문제에 관하여(객체, 복합 데이터), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@whdghks/객체-복합-데이터저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)