Photo by Mohammad Rahmani on Unsplash
物件函式
| 变数 | 说明 |
|---|---|
| Object.keys() | 物件所有键值 |
| Object.values() | 物件所有数值 |
| Object.entries() | 把物件转为阵列 |
| Object.fromEntries() | 把阵列转为物件 |
| Object.assign() | 複製物件 |
| Object.hasOwnProperty() | 是否是物件本身的属性 |
| Object.gerOwnPropertyDescriptors() | 得到这个物件内容值的一些属性 |
| Object.setPrototypeOf() | 设定物件原型 |
| Object.getPrototypeOf() | 取的物件原型 |
Object.entries 把物件转为阵列
const Employee = {
name: 'KJ',
age: 17
}
// [ [ 'name', 'KJ' ], [ 'age', 17 ] ]
console.log(Object.entries(Employee))
Object.gerOwnPropertyDescriptors 得到这个物件内容值的一些属性
const Employee = {
name: 'KJ',
age: 17,
sayHi : () => {
console.log(`Hi`)
}
}
// {
// name: { value: 'KJ', writable: true, enumerable: true, configurable: true },
// age: { value: 17, writable: true, enumerable: true, configurable: true },
// sayHi: {
// value: [Function: sayHi],
// writable: true,
// enumerable: true,
// configurable: true
// }
// }
console.log(Object.getOwnPropertyDescriptors(Employee));
assign 複製物件
const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };
const returnedTarget = Object.assign(target, source);
console.log(target);
// expected output: Object { a: 1, b: 4, c: 5 }
console.log(returnedTarget);
// expected output: Object { a: 1, b: 4, c: 5 }
使用 Object.assign 複製物件
const Employee = {
name: 'KJ',
age: 17,
sayHi : () => {
console.log(`Hi`)
}
};
// 使用 Object.assign 複製物件
NewEmployee = Object.assign({}, Employee);
NewEmployee.name = 'Kay';
NewEmployee.age = 19;
// { name: 'KJ', age: 17, sayHi: [Function: sayHi] }
console.log(Employee);
// { name: 'Kay', age: 19, sayHi: [Function: sayHi] }
console.log(NewEmployee);
使用运算元 ... 合併物件
let person = {
name: 'KJ',
age: 17,
};
let job = {
jobTitle: 'Software Engineer',
location: 'Taiwan'
};
let employee = {
...person,
...job
};
console.log(employee);
// {
// name: 'KJ',
// age: 17,
// jobTitle: 'Software Engineer',
// location: 'Taiwan'
// }
后来的物件资料会复盖前面的物件资料
let person = {
name: 'KJ',
age: 17,
jobTitle: 'No Job',
};
let job = {
jobTitle: 'Software Engineer',
location: 'Taiwan'
};
let employee = {
...person,
...job
};
console.log(employee);
// {
// name: 'KJ',
// age: 17,
// jobTitle: 'Software Engineer',
// location: 'Taiwan'
// }
取得物件指定键值并宣告为变数
let person = {
name: 'KJ',
age: 17,
jobTitle: 'No Job',
};
// KJ, 17
const { name, age } = person;
取得物件指定键值并重新命名宣告的变数
let person = {
name: 'KJ',
age: 17,
jobTitle: 'No Job',
};
// KJ, 17
const {
name: kj_name,
age: kj_age
} = person;
Reference
Donate KJ 贊助作者喝咖啡
如果這篇文章對你有幫助的話，可以透過下面支付方式贊助作者喝咖啡，如果有什麼建議或想說的話可以贊助並留言給我
If this article has been helpful to you, you can support the author by treating them to a coffee through the payment options below. If you have any suggestions or comments, feel free to sponsor and leave a message for me!
| 方式 Method | 贊助 Donate |
| PayPal | https://paypal.me/kejyun |
| 綠界 ECPay | https://p.ecpay.com.tw/AC218F1 |
| 歐付寶 OPay | https://payment.opay.tw/Broadcaster/Donate/BD2BD896029F2155041C8C8FAED3A6F8 |