本文目錄
- Object.keys()
- Object.values()
- Object.entries()
- Object.create()
- Object.assign()
- 6.Object.seal()
- Object.freeze()
- 8.Object.hasOwnProperty()
1. Object.keys()
一種遍歷對象并返回對象所有鍵的簡單方法多艇。
const employee = { name: 'Daniel', age: 40, occupation: 'Engineer', level: 4 };
console.log(Object.keys(employee))
輸出
["name","age","occupation","level"]
Tips：JS 中 Object 的 keys 是無序的嗎？
1.在 ES6 之前 Object 的鍵值對是無序的毅糟；
2.在 ES6 之后 Object 的鍵值對按照自然數(shù)靴患、非自然數(shù)和 Symbol 進(jìn)行排序古程，自然數(shù)是按照大小升序進(jìn)行排序岳颇，其他兩種都是按照插入的時間順序進(jìn)行排序烫止。
2. Object.values()
遍歷對象并返回對象的值
const employee = { name: 'Daniel', age: 40, occupation: 'Engineer', level: 4 };
console.log(Object.values(employee))
輸出
["Daniel",40,"Engineer",4]
3. Object.entries()
獲取一個對象并返回它自己的對象的可枚舉字符串鍵屬性 [key, value] 對奈泪。
const employee = { name: 'Daniel', age: 40, occupation: 'Engineer', level: 4 };
console.log(Object.entries(employee))
輸出
[["name","Daniel"], ["age",40],[ "occupation","Engineer"], ["level",4]]
const drinks = {
maple: 'out of stock',
orange: 3.5
}
for (const [name, cost] of Object.entries(drinks)) {
console.log(`${name}`: ${cost})
}
//輸出
“maple: out of stock”
"orange: 3.5"
4. Object.create()
創(chuàng)建一個新對象绒北，使用現(xiàn)有對象作為新創(chuàng)建對象的原型黎侈。
let Student = {
name:"fuzzy",
display() {console.log("Name:",this .name );
};
// create object from student prototype
let std1 = 0bject.create(Student);
stdl.name = "wuzzy";
stdl.display();
輸出
"Name:wuzzy”
5. Object.assign()
將所有可枚舉和擁有的屬性從源對象復(fù)制到目標(biāo)對象，它返回目標(biāo)對象闷游，也稱為淺拷貝峻汉。
const target = {a: 1, b: 2 };
const source = { b: 4, c: 5 };
const returnedTarget = Object.assign(target, source);
console.log(target);
console.log( returnedTarget);
輸出：
{
"a": 1,
"b": 2,
"c": 3,
}
//target和returnedTarget指向的存儲地址是同一個
6.Object.seal()
密封一個防止新屬性添加到它的對象贴汪，并將所有現(xiàn)有屬性標(biāo)記為不可配置。
const car = {price: 15000}
Object.seal (car);
car.price = 18000;
console.log(car.price);
// 18000
// value changed successfully
delete car.price;
console.log(car.price);
// 18000
// cannot delete when sealed
7. Object.freeze()
凍結(jié)對象休吠，無法再更改凍結(jié)的對象扳埂；
這表示：
- 新屬性被添加到對象。
- 要從對象中刪除的現(xiàn)有屬性瘤礁。
- 更改現(xiàn)有屬性的可枚舉性阳懂、可配置性或可寫性。
- 更改現(xiàn)有對象屬性和原型的值柜思。
const client = {bdget: 3000}
Object.freeze(client);
client.budget = 2500;
// Shows error in strict mode
console.log( client .budget );
// 3000
// unchanged value as output
8.Object.hasOwnProperty()
Object的hasOwnProperty()方法返回一個布爾值岩调，判斷對象是否包含特定的自身（非繼承）屬性。
判斷自身屬性是否存在
var o = new Object();
o.prop = 'exists';
function changeO() {
o.newprop = o.prop;
delete o.prop;
}
o.hasOwnProperty('prop'); // true
changeO();
o.hasOwnProperty('prop'); // false
判斷自身屬性與繼承屬性
function foo() {
this.name = 'foo'
this.sayHi = function () {
console.log('Say Hi')
}
}
foo.prototype.sayGoodBy = function () {
console.log('Say Good By')
}
let myPro = new foo()
console.log(myPro.hasOwnProperty('name')) // true
console.log(myPro.hasOwnProperty('toString')) // false
console.log(myPro.hasOwnProperty('sayHi')) // true
console.log(myPro.hasOwnProperty('sayGoodBy')) // false
console.log('sayGoodBy' in myPro) // true
