成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

javascript中常用的對(duì)象操作方法

antz / 1787人閱讀

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

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

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

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

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

const obj = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    eyecolor:"blue"
};
console.log(Object.values(obj))
["John", "Doe", 50, "blue"]   //返回value組成的數(shù)組
Object.assign() 可以將源對(duì)象復(fù)制到目標(biāo)對(duì)象中

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

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


// 合并多個(gè)對(duì)象
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); // 返回三個(gè)對(duì)象合并組成的對(duì)象，如有相同屬性則會(huì)被后續(xù)參數(shù)中具有相同屬性覆蓋。


// 深拷貝對(duì)象
const obj = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    love:{
        color: "blue",
        sport: "football"
    }
};
const deepClone = JSON.parse(JSON.stringify(obj)); // 返回深拷貝的對(duì)象，修改obj不會(huì)影響該對(duì)象
Object.entries(obj)     返回對(duì)象的key和value組成的數(shù)組

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

const obj = { foo: "bar", baz: 42 };
console.log(Object.entries(obj));
// [["foo", "bar"], ["baz", 42]] 
obj.hasOwnProperty() hasOwnProperty 方法判斷對(duì)象中屬性是否存在
const obj = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    love:{
        color: "blue",
        sport: "football"
    }
};
console.log(obj.hasOwnProperty("love")) // true

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95245.html

相關(guān)文章

  • 常用JavaScript操作CSS方法總結(jié)

    摘要：返回值一個(gè)對(duì)象集合，包含六個(gè)屬性上下左右寬高注意只用于行內(nèi)元素只能獲取樣式只讀獲取元素位置獲得頁(yè)面中某個(gè)元素的左，上，右和下分別相對(duì)瀏覽器視窗的位置。返回一個(gè)類數(shù)組對(duì)象，其包含樣式表中所有規(guī)則。 [TOC] 獲取樣式 元素對(duì)象的寬高位置距離等屬性 如offsetWidht、cilentWidht、scrollWidth…… let oWidth=obj.offsetWidth; 注意...

    enali 評(píng)論0 收藏0

  • JavaScript：對(duì)Object對(duì)象的一些常用操作總結(jié)

    摘要：一可以用作對(duì)象的復(fù)制可以用作對(duì)象的合并注意目標(biāo)對(duì)象自身也會(huì)改變。對(duì)象四返回一個(gè)數(shù)組，包括對(duì)象自身的不含繼承的所有可枚舉屬性不含屬性的鍵名。該方法返回被凍結(jié)的對(duì)象。方法判斷一個(gè)對(duì)象是否被凍結(jié)。 JavaScript對(duì)Object對(duì)象的一些常用操作總結(jié)。 一、Object.assign() 1.可以用作對(duì)象的復(fù)制 var obj = { a: 1 }; var copy = Object....

    馬龍駒 評(píng)論0 收藏0

  • 個(gè)人常用JavaScript及React常用優(yōu)化總結(jié)

    摘要：插件性能優(yōu)化及個(gè)人常用優(yōu)化方法經(jīng)常會(huì)觸發(fā)視覺變化。作用域鏈指的是當(dāng)前作用于下可用變量的集合，它在各種主流瀏覽器中至少包含兩個(gè)部分局部變量的集合和全局變量的集合。在考慮優(yōu)化時(shí)，數(shù)值和變量的性能差不多，并且速度顯著優(yōu)于對(duì)象屬性和數(shù)組元素。 JavaScript 插件性能優(yōu)化及個(gè)人react常用優(yōu)化方法 JavaScript 經(jīng)常會(huì)觸發(fā)視覺變化。有時(shí)是直接通過樣式操作，有時(shí)是會(huì)產(chǎn)生視覺變化...

    yuanxin 評(píng)論0 收藏0

  • 常用JavaScript小技巧及原理詳解

    摘要：使用一元加模擬函數(shù)原理對(duì)非數(shù)值類型的數(shù)據(jù)使用一元加，會(huì)起到與函數(shù)相同的效果。中，若判斷不為則不再進(jìn)行下一步操作。使用邏輯或設(shè)置默認(rèn)值邏輯或也屬于短路操作，即當(dāng)?shù)谝粋€(gè)操作數(shù)可以決定結(jié)果時(shí)，不再對(duì)第二個(gè)操作數(shù)進(jìn)行求值。 善于利用JS中的小知識(shí)的利用，可以很簡(jiǎn)潔的編寫代碼 1. 使用!!模擬Boolean()函數(shù) 原理：邏輯非操作一個(gè)數(shù)據(jù)對(duì)象時(shí)，會(huì)先將數(shù)據(jù)對(duì)象轉(zhuǎn)換為布爾值，然后取反，兩個(gè)!!...

    chnmagnus 評(píng)論0 收藏0

  • [ ES6 ] 快速掌握常用 ES6 （二）

    摘要：本系列文章適合快速掌握入門語(yǔ)法，想深入學(xué)習(xí)的小伙伴可以看看阮一峰老師的入門本篇文章是對(duì)之前文章的一個(gè)補(bǔ)充，可以使代碼更簡(jiǎn)潔函數(shù)參數(shù)默認(rèn)值在傳統(tǒng)語(yǔ)法中如果想設(shè)置函數(shù)默認(rèn)值一般我們采用判斷的形式在新的語(yǔ)法中我們可以在參數(shù)聲明的同時(shí)賦予默認(rèn)值參數(shù) 本系列文章適合快速掌握 ES6 入門語(yǔ)法，想深入學(xué)習(xí) ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》 本篇文章是對(duì)之前文章...

    hidogs 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<