女人张开腿让男人桶个爽,久久99国产综合精品女同,欧美+亚洲+国产,麻花豆mv国产剧,久久精品国产久精国产69

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁(yè)  >  技術(shù)干貨  > JS獲取對(duì)象key方式

JS獲取對(duì)象key方式

來(lái)源:千鋒教育
發(fā)布人:xqq
時(shí)間: 2023-11-21 09:49:52 1700531392

JS作為前端開(kāi)發(fā)的基礎(chǔ)語(yǔ)言,對(duì)象在JS中起著重要的作用。而獲取對(duì)象中的key也是我們經(jīng)常需要掌握的技能。在這篇文章中,我們將介紹JS獲取對(duì)象key的幾種方式。

一、Object.keys()

Object.keys()方法返回一個(gè)對(duì)象中已定義的屬性的所有鍵名, 以字符串?dāng)?shù)組的形式。該方法的語(yǔ)法如下:

Object.keys(obj);

其中obj是一個(gè)對(duì)象,該方法返回的是obj中所有已定義屬性的鍵名。例如:

let obj = {a:8, b:12, c:15}
console.log(Object.keys(obj));
// ["a", "b", "c"]

二、for...in循環(huán)

使用for...in循環(huán)可以遍歷對(duì)象中的所有可枚舉屬性,對(duì)象中所有屬性都將被枚舉,包括其原型鏈上的屬性。for...in循環(huán)的語(yǔ)法如下:

for (variable in object){
    //代碼塊
}

其中variable是一個(gè)局部變量,object是對(duì)象或數(shù)組。例如:

let obj = {a:8, b:12, c:15};
for(let key in obj){
    console.log(key);
}
// "a"
// "b"
// "c"

三、Object.getOwnPropertyNames()

Object.getOwnPropertyNames()方法返回一個(gè)數(shù)組,該數(shù)組包含了對(duì)象自身所有屬性(不包括繼承的屬性)的屬性名。該方法的語(yǔ)法如下:

Object.getOwnPropertyNames(obj)

其中obj是一個(gè)對(duì)象,該方法返回的是obj中所有自身屬性的鍵名。例如:

let obj = {a:8, b:12, c:15};
console.log(Object.getOwnPropertyNames(obj));
// ["a", "b", "c"]

四、Reflect.ownKeys()

Reflect.ownKeys()方法返回一個(gè)由目標(biāo)對(duì)象自身的屬性和方法組成的數(shù)組,包括不可枚舉屬性,由 Symbol 類型的屬性鍵名組成的數(shù)組。其語(yǔ)法如下:

Reflect.ownKeys(target)

其中target是一個(gè)對(duì)象,該方法返回的是target自身所有屬性和方法的鍵名。例如:

let obj = {a:8, b:12, c:15};
console.log(Reflect.ownKeys(obj));
// ["a", "b", "c"]

五、解構(gòu)賦值

使用ES6的解構(gòu)賦值,我們也可以將對(duì)象的key賦值給變量。其語(yǔ)法如下:

let {key1, key2, …, keyN} = object;

其中key1, key2, …, keyN是對(duì)象中定義的屬性名稱,例如:

let obj = {a:8, b:12, c:15};
let {a, b, c} = obj;
console.log(a);
console.log(b);
console.log(c);
// 8
// 12
// 15

六、使用Map結(jié)構(gòu)

使用ES6新增的Map結(jié)構(gòu),我們也可以方便的獲取對(duì)象中的key。例如:

let obj = {a:8, b:12, c:15};
let map = new Map(Object.entries(obj));
for(let [key, value] of map){
    console.log(key);
}
// "a"
// "b"
// "c"

七、小結(jié)

以上就是JS獲取對(duì)象key的幾種方式。Object.keys(),for...in循環(huán),Object.getOwnPropertyNames()和Reflect.ownKeys()方法都是一些比較基礎(chǔ)的方法,掌握它們能夠讓你更加便捷地操控對(duì)象。同時(shí),使用ES6的解構(gòu)賦值和Map結(jié)構(gòu)也能夠非常方便地獲取對(duì)象中的key。

聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取

下一篇

ica_x64.msi
相關(guān)推薦HOT
Latex求和用法介紹

一、求和符號(hào)的使用Latex中求和符號(hào)是使用$\sum$表示,它用來(lái)表示一系列數(shù)值的總和。例如,要表示1到10的整數(shù)和:$$\sum_{i=1}^{10}i$$其中$\su...詳情>>

2023-11-21 12:31:53
如何有效地運(yùn)行WAR包

對(duì)于開(kāi)發(fā)人員來(lái)說(shuō),將程序代碼打包成WAR包是很常見(jiàn)的需求。然而,在將WAR包發(fā)布到服務(wù)器上運(yùn)行時(shí),可能會(huì)遇到各種問(wèn)題。本文將從多個(gè)方面對(duì)運(yùn)行...詳情>>

2023-11-21 12:06:41
如何獲取DOM元素高度

本文將從多個(gè)方面詳細(xì)闡述如何獲取DOM元素的高度,幫助讀者解決這一常見(jiàn)問(wèn)題。一、使用JavaScript獲取DOM元素高度使用JavaScript獲取DOM元素高...詳情>>

2023-11-21 11:59:29
ORA-609錯(cuò)誤詳解

一、ORA-609錯(cuò)誤概述ORA-609錯(cuò)誤是Oracle數(shù)據(jù)庫(kù)中比較常見(jiàn)的錯(cuò)誤之一。它表示客戶端進(jìn)程在與服務(wù)器進(jìn)程進(jìn)行通信時(shí),由于某種原因?qū)е铝送ㄐ攀?..詳情>>

2023-11-21 11:16:16
詳述input只讀屬性

在Web開(kāi)發(fā)中,表單是一種非常常見(jiàn)的元素,而input標(biāo)簽作為表單元素的一種,包含了許多屬性,其中只讀屬性(readonly)則是比較重要的一個(gè)屬性。...詳情>>

2023-11-21 10:54:40