javascript中常用的對象操作方法

antz 發(fā)布于2019-08-22 17:31 / 1785人閱讀

摘要：返回組成的數(shù)組返回對象的組成的數(shù)組返回一個由組成的數(shù)組，其元素是在對象上找到的可枚舉屬性值。深拷貝對象返回深拷貝的對象，修改不會影響該對象返回對象的和組成的數(shù)組方法返回一個對象和鍵值對組成的數(shù)組方法判斷對象中屬性是否存在

Object.keys(obj)     返回對象的key組成的數(shù)組

返回一個所有元素為字符串的數(shù)組，其元素來自于從給定的object上面可直接枚舉的屬性,不會返回原型上的方法。

const obj = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    eyecolor:"blue"
};
console.log(Object.keys(obj))
["firstname", "lastname", "age", "eyecolor"] //返回key組成的數(shù)組

Object.values(obj)  返回對象的value組成的數(shù)組

返回一個由value組成的數(shù)組，其元素是在對象上找到的可枚舉屬性值。

const obj = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    eyecolor:"blue"
};
console.log(Object.values(obj))
["John", "Doe", 50, "blue"]   //返回value組成的數(shù)組

Object.assign() 可以將源對象復(fù)制到目標(biāo)對象中

Object.assign(target, ...sources)
target 為目標(biāo)對象，...sources 為源對象(可以為多個對象)

//  淺拷貝對象
const obj = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    love:{
        color: "blue",
        sport: "football"
    }
};
const copy = Object.assign({}, obj);
console.log(copy) // 返回淺拷貝的對象，修該obj會同時修改copy的值


// 合并多個對象
const obj = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    love:{
        color: "blue",
        sport: "football"
    }
};
const obj2 = { other: "cat" };
const obj3 = { car: "Benz" };

const  compose = Object.assign(obj, obj2, obj3); // 返回三個對象合并組成的對象，如有相同屬性則會被后續(xù)參數(shù)中具有相同屬性覆蓋。


// 深拷貝對象
const obj = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    love:{
        color: "blue",
        sport: "football"
    }
};
const deepClone = JSON.parse(JSON.stringify(obj)); // 返回深拷貝的對象，修改obj不會影響該對象

Object.entries(obj)     返回對象的key和value組成的數(shù)組

Object.entries(obj) 方法返回一個對象key和value鍵值對組成的數(shù)組

const obj = { foo: "bar", baz: 42 };
console.log(Object.entries(obj));
// [["foo", "bar"], ["baz", 42]]

obj.hasOwnProperty() hasOwnProperty 方法判斷對象中屬性是否存在

const obj = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    love:{
        color: "blue",
        sport: "football"
    }
};
console.log(obj.hasOwnProperty("love")) // true