es6中的object方法:1、“Object.is()”,用來比較兩個值是否嚴格相等,與嚴格比較運算符“=== ”的行為基本一致;2、“Object.assign()”,用于對象的合并;3、“Object.keys()”,遍歷對象,獲取全部鍵名;4、“Object.keys()”,遍歷對象,獲取全部鍵值;5、“Object.entries()”,遍歷對象,獲取全部值對。
前端(vue)入門到精通課程:進入學(xué)習(xí)
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具:點擊使用
本教程操作環(huán)境:windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。
ES6中Object新增方法
Object.is()
Object.is()它用來比較兩個值是否嚴格相等,與嚴格比較運算符( === )的行為基本一致,是在三等號判斷的基礎(chǔ)上新增了兩個不同之處。
Object.is()不同之處只有兩個:一是+0不等于-0
,二是NaN等于自身
。
語法:Object.is(value1, value2);
傳入兩個要比較的值,判斷是否相同,全等的話返回true,不全等返回false。
三等號既要判斷值的類型是否相等,還要判斷引用地址是否相等。所以O(shè)bject.is()也是,在判斷對象和數(shù)組這些引用類型的數(shù)據(jù)是不相等的。
Object.assign()
Object.assign()方法用于對象的合并,將源對象( source )的所有可枚舉屬性,復(fù)制到目標對象( target )。
注意:
這里是淺拷貝
??!
如果目標對象與源對象有同名屬性,或多個源對象有同名屬性,則后面的屬性會覆蓋
前面的屬性??!
let obj1 = {a:{b:1},b:22}; let obj2 = Object.assign({b:11},obj1); console.log(obj2); // {b:22,a:{b:1}} //修改obj1的屬性值 obj1.a.b = 2; //這時會影響到obj2的屬性值,這就是淺拷貝導(dǎo)致的 console.log(obj2.a.b); // 2
Object.keys()、Object.values()、Object.entries()
Object.keys()
方法,返回一個數(shù)組,成員是參數(shù)對象自身的(不含繼承的)所有可遍歷( enumerable )屬性的鍵名
數(shù)組。
Object.values()
方法返回一個數(shù)組,成員是參數(shù)對象自身的(不含繼承的)所有可遍歷( enumerable )屬性的鍵值
數(shù)組。
Object.entries()
方法返回一個數(shù)組,成員是參數(shù)對象自身的(不含繼承的)所有可遍歷( enumerable )屬性的鍵值對
數(shù)組。
let obj = {name:"winne",age:22}; let objKeys = Object.keys(obj); let objValues = Object.values(obj); let objItem = Object.entries(obj); console.log(objKeys); //["name","age"] console.log(objValues); //["winne",22] console.log(objItem); //[["name","winne"],["age",22]]
取出了想要的部分,我們就可以遍歷數(shù)組取得每一項了。
//for..of遍歷 for( let key of objKeys){ console.log(key) } //name //age //forEach遍歷 objKeys.forEach(function(item,index){ console.log(item,index); }) //name 0 //age 1
【