国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

javascript設(shè)置數(shù)組對(duì)象中的key值方法

這篇具有很好參考價(jià)值的文章主要介紹了javascript設(shè)置數(shù)組對(duì)象中的key值方法。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

方法一:保留舊數(shù)組 key 和 value ;

var arr = [
	{label: "張三", value: 1},
    {label: "李四", value: "2"},
    {label: "王五", value: "3"}
];
arr = arr.map(item => ({
	 ...item,
    new_key: item.value
}));

arr打印結(jié)果:[
	{label: "張三", value: 1, new_key:1},
    {label: "李四", value: 2, new_key:2},
    {label: "王五", value: 3, new_key:3}
]

方法二:不保留舊數(shù)組 key 和 value ;

<1>說明:使用map循環(huán),在map循環(huán)內(nèi)創(chuàng)建一個(gè)新對(duì)象,將item要改變的key賦給新創(chuàng)建的對(duì)象里面新key值,然后push給一個(gè)新創(chuàng)建的數(shù)組newArr即可;

var newArr = [];    //新數(shù)組
arr.map(item => {
    let obj = {
        name: item.name,
        value: item.count,
    }
     newArr.push(obj);
});

<2>?使用forEach循環(huán) + for循環(huán),通過Object.keys()來改變屬性key;文章來源地址http://www.zghlxwxcb.cn/news/detail-570164.html

changeKey (arr, key) {
    let newArr = []; // 創(chuàng)建一個(gè)新數(shù)組
    arr.forEach((item, index) => {
        let obj = {}; // 新數(shù)組里的新對(duì)象
        for (var i = 0; i < key.length; i++) {
            obj[key[i]] = item[Object.keys(item)[i]]; // 將key值替換掉
        }
        newArr.push(obj);
    })
    console.log(newArr,'newArr');
    return newArr;
};

let newArr = this.changeKey(arr, ['name','value']);

到了這里,關(guān)于javascript設(shè)置數(shù)組對(duì)象中的key值方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的數(shù)組的常用方法 (一)

    〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的數(shù)組的常用方法 (一)

    當(dāng)前子專欄 基礎(chǔ)入門三大核心篇 是免費(fèi)開放階段 。 推薦他人訂閱,可獲取扣除平臺(tái)費(fèi)用后的35%收益,文末名片加V! 說明:該文屬于 大前端全棧架構(gòu)白寶書專欄, 目前階段免費(fèi)開放 , 購買任意白寶書體系化專欄可加入 TFS-CLUB 私域社區(qū)。 福利:除了通過訂閱\\\"白寶書系列專

    2024年02月07日
    瀏覽(23)
  • 從 JavaScript 中的數(shù)組中刪除空對(duì)象

    從 JavaScript 中的數(shù)組中刪除空對(duì)象

    從數(shù)組中刪除空對(duì)象: 使用 Array.filter() 方法遍歷數(shù)組。 將每個(gè)對(duì)象傳遞給 Object.keys() 方法并檢查鍵的長(zhǎng)度是否不等于 0。 filter 方法將返回一個(gè)不包含空對(duì)象的新數(shù)組。 我們傳遞給 Array.filter 方法的函數(shù)被數(shù)組中的每個(gè)元素(對(duì)象)調(diào)用。 如果函數(shù)返回真值,則 filter 方法將

    2024年02月01日
    瀏覽(24)
  • 【前端靈魂腳本語言JavaScript⑤】——JS中數(shù)組的使用

    【前端靈魂腳本語言JavaScript⑤】——JS中數(shù)組的使用

    ?? 作者: 阿偉 ?? 個(gè)人主頁: Flyme awei ?? 希望大家多多支持??一起進(jìn)步呀! ?? 文章對(duì)你有幫助??關(guān)注?點(diǎn)贊??收藏?? 第一種: var 數(shù)組名 = new Array(); 創(chuàng)建一個(gè)空數(shù)組 第二種: var arr2 = new Array(10); 創(chuàng)建一個(gè)定長(zhǎng)為10的數(shù)組 第三種 var arr3 = new Array(a,b,c); 創(chuàng)建時(shí)直接指定元素值

    2023年04月08日
    瀏覽(111)
  • 〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的「數(shù)組」

    〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的「數(shù)組」

    當(dāng)前子專欄 基礎(chǔ)入門三大核心篇 是免費(fèi)開放階段 。 推薦他人訂閱,可獲取扣除平臺(tái)費(fèi)用后的35%收益,文末名片加V! 說明:該文屬于 大前端全棧架構(gòu)白寶書專欄, 目前階段免費(fèi)開放 , 購買任意白寶書體系化專欄可加入 TFS-CLUB 私域社區(qū)。 福利:除了通過訂閱\\\"白寶書系列專

    2024年02月04日
    瀏覽(23)
  • js中的內(nèi)置對(duì)象、數(shù)學(xué)對(duì)象、日期對(duì)象、數(shù)組對(duì)象、字符串對(duì)象

    js中的內(nèi)置對(duì)象、數(shù)學(xué)對(duì)象、日期對(duì)象、數(shù)組對(duì)象、字符串對(duì)象

    car、computer div、p window、console 數(shù)學(xué)對(duì)象 Math (object類型) 1、圓周率 Math.PI 2、向下取整(返回值) Math.floor() 3、向上取整(返回值) Math.ceil() 4、四舍五入 Math.round() 5、隨機(jī)數(shù) 0x1 Math.random() 6、絕對(duì)值 Math.abs() 7、最大值 Math.max() 8、最小值 Math.min() 9、指數(shù)冪 Math.pow(底數(shù),指數(shù)) 10、平

    2024年01月24日
    瀏覽(29)
  • 【前端|Javascript第5篇】全網(wǎng)最詳細(xì)的JS的內(nèi)置對(duì)象文章!

    【前端|Javascript第5篇】全網(wǎng)最詳細(xì)的JS的內(nèi)置對(duì)象文章!

    前言 在當(dāng)今數(shù)字時(shí)代,前端技術(shù)正日益成為塑造用戶體驗(yàn)的關(guān)鍵。我們?cè)陂_發(fā)中需要用到很多js的內(nèi)置對(duì)象的一些屬性來幫助我們更快速的進(jìn)行開發(fā)?;蛟S你是剛踏入前端領(lǐng)域的小白,或者是希望深入了解內(nèi)置對(duì)象的開發(fā)者,不論你的經(jīng)驗(yàn)如何,本篇博客都將給你詳細(xì)的講解

    2024年02月12日
    瀏覽(57)
  • JavaScript判斷數(shù)組對(duì)象是否含有某個(gè)值的方法(6種)

    JavaScript判斷數(shù)組對(duì)象是否含有某個(gè)值的方法(6種)

    文章內(nèi)容 文章鏈接 vue3 antd table表格的增刪改查(一) input輸入框根據(jù)搜索【后臺(tái)管理系統(tǒng)純前端filter過濾】 https://blog.csdn.net/XSL_HR/article/details/128072584?spm=1001.2014.3001.5501 vue3 antd table表格的增刪改查(二) input輸入框根據(jù)搜索【后臺(tái)管理系統(tǒng) 請(qǐng)求后端接口 前后端

    2024年02月06日
    瀏覽(28)
  • js判斷對(duì)象數(shù)組中的元素是否存在重復(fù)

    ?1、使用? Array.some() ?方法和自定義比較函數(shù): 使用? Array.some() ?方法遍歷數(shù)組,對(duì)每個(gè)元素執(zhí)行自定義的比較函數(shù)。比較函數(shù)使用? Array.findIndex() ?方法來查找與當(dāng)前元素相等且索引不同的元素,如果找到則表示存在重復(fù)元素。 2、使用? Set ?數(shù)據(jù)結(jié)構(gòu): 使用? Set ?數(shù)據(jù)結(jié)

    2024年02月13日
    瀏覽(97)
  • 前端js實(shí)現(xiàn)將數(shù)組某一項(xiàng)符合條件的對(duì)象,放到首位

    前端js實(shí)現(xiàn)將數(shù)組某一項(xiàng)符合條件的對(duì)象,放到首位

    哈嘍 大家好啊 在日常前端開發(fā)需求中,總是會(huì)遇到開發(fā)數(shù)組,將某一項(xiàng)對(duì)象值,放到首位,讓用戶更好的去選擇,比如省會(huì)城市優(yōu)先等 我做的案例是需要將地區(qū)中的\\\'四川放到首位\\\' 以下是我的代碼: 簡(jiǎn)單說明下思路: 1.首先將接口中的數(shù)組暫存起來,用一個(gè)新數(shù)組表示 2

    2024年02月07日
    瀏覽(19)
  • 前端js 數(shù)據(jù)結(jié)構(gòu):對(duì)象 object、數(shù)組Array 、Map 的創(chuàng)建、增刪改 / 遍歷數(shù)據(jù)

    對(duì)象:由一組鍵值對(duì)組成的無序集合,可以通過鍵來獲取對(duì)應(yīng)的值。 每個(gè)鍵值對(duì)中的鍵是唯一的,值可以是任意類型的數(shù)據(jù)。 對(duì)象通常用來表示實(shí)體的屬性和方法。 1.1.1 對(duì)象字面量(最常用): {} 對(duì)象字面量:通過在大括號(hào) {} 中定義對(duì)象的屬性和方法來創(chuàng)建對(duì)象。 這是最簡(jiǎn)單

    2024年01月21日
    瀏覽(28)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包