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

【前端】如何像取數(shù)組一樣地取對(duì)象

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

目標(biāo)

例如 a = ['a', 'b', 'c'],可以通過a[0]得到'a'
那么info = { success: { text: 'yes'}, warning: { text: 'wrong' , url: '/home'} },能不能通過類似info[0]的方式對(duì)應(yīng)到{text:'yes'}呢?當(dāng)然是可以的,

實(shí)現(xiàn)

根據(jù)輸入的indexAsYouWant取出對(duì)象中對(duì)應(yīng)的值

infoResult = this.info[Object.keys(this.info)[indexAsYouWant]]

說明

ES5 的Object.keys方法,成員是參數(shù)對(duì)象自身的(不含繼承的)所有可遍歷( enumerable )屬性的鍵名。
比如:

var arr = [a:1, b:2];
console.log(Object.keys(arr)); // console: ["a", "b"]

然后就ok了

應(yīng)用

比如獲得的場(chǎng)景值是0,1,2,3,對(duì)應(yīng)default,success,fail,special的業(yè)務(wù)場(chǎng)景,每種場(chǎng)景有不同的提示文字、icon、主題色、按鈕顯示、事件
如果合適的話,可以考慮用類似下面之類的方式來處理

info = { 
  default: {
    text: 'default', 
    button:false, 
    color: '#3D9EE9', 
    icon:'underway',
    func: this.defaultFunc
  }, 
  success: { 
    text: 'yes',
    func: ()=>{
      console.log('success')
    }
  }, 
  warning: { 
    text: 'wrong' , 
    url: '/home'
  } 
}

參考

Object.keys()的詳解和用法文章來源地址http://www.zghlxwxcb.cn/news/detail-604899.html

到了這里,關(guān)于【前端】如何像取數(shù)組一樣地取對(duì)象的文章就介紹完了。如果您還想了解更多內(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)文章

  • 檢查Javascript對(duì)象數(shù)組中是否存在對(duì)象值,如果沒有向數(shù)組添加新對(duì)象

    需求: 如果我有以下對(duì)象數(shù)組: 有沒有辦法循環(huán)遍歷數(shù)組,以檢查特定的用戶名值是否已經(jīng)存在,如果它什么都不做,但是如果它沒有用所述用戶名(和新的ID)將新對(duì)象添加到數(shù)組? 解決 方法 一: 我假設(shè)id s在這里是獨(dú)一無二的。 some是檢查數(shù)組中事物存在的一個(gè)很好的函數(shù)

    2024年02月11日
    瀏覽(24)
  • 4 JavaScript數(shù)組和對(duì)象

    4 JavaScript數(shù)組和對(duì)象

    4 數(shù)組和對(duì)象 在JS中創(chuàng)建數(shù)組非常簡(jiǎn)單. 直接[ ]即可. 也可以用正規(guī)軍的new Array(). 不過效果都是一樣的. 數(shù)組的常用操作: 在JS中創(chuàng)建一個(gè)對(duì)象非常容易. 和python中的字典幾乎一樣{ }: 使用對(duì)象 從上述內(nèi)容中幾乎可以看到. JS對(duì)象的使用幾乎是沒有門檻的. 十分靈活 代碼的效果圖如

    2024年02月12日
    瀏覽(20)
  • JavaScript中刪除兩個(gè)數(shù)組對(duì)象中id相同的對(duì)象以及根據(jù)id刪除數(shù)組中對(duì)象。

    JavaScript中刪除兩個(gè)數(shù)組對(duì)象中id相同的對(duì)象以及根據(jù)id刪除數(shù)組中對(duì)象。

    1. filter方法 定義和用法 filter() 方法創(chuàng)建一個(gè)新的數(shù)組,新數(shù)組中的元素是通過檢查指定數(shù)組中符合條件的所有元素。 注意 : filter() 不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè)。 注意 : filter() 不會(huì)改變?cè)紨?shù)組。 語法 參數(shù)說明 2. some方法 定義和用法 some() 方法用于檢測(cè)數(shù)組中的元素是否滿足

    2024年02月03日
    瀏覽(26)
  • javascript二維數(shù)組(20)JSON對(duì)象

    在JavaScript中,JSON對(duì)象是一種數(shù)據(jù)格式,用于存儲(chǔ)和傳輸數(shù)據(jù)。JSON,全稱JavaScript Object Notation,是一種輕量級(jí)的數(shù)據(jù)交換格式,易于人閱讀和編寫,同時(shí)也易于機(jī)器解析和生成。 JSON對(duì)象由鍵值對(duì)組成,其中鍵是字符串,值可以是字符串、數(shù)字、布爾值、null、數(shù)組或另一個(gè)J

    2024年02月07日
    瀏覽(23)
  • JavaScript:js數(shù)組/對(duì)象遍歷方法

    一、js遍歷方法 序號(hào) 方法 描述 1 for 使用最基本的for循環(huán)可以遍歷數(shù)組 2 for of for...of語句用來遍歷可迭代對(duì)象(包括數(shù)組、Set、Map、字符串等),它可以替代傳統(tǒng)的for循環(huán)和forEach()方法。for...of循環(huán)每次迭代都將返回一個(gè)值,而不是索引。 3 for in for...in語句用來遍歷對(duì)象的可

    2024年02月09日
    瀏覽(29)
  • 從 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對(duì)象數(shù)組根據(jù)某個(gè)屬性值篩選分類

    ?? 作者 : coderYYY ?? 個(gè)人簡(jiǎn)介 :前端程序媛,目前主攻 web前端 ,后端輔助,其他技術(shù)知識(shí)也會(huì)偶爾分享??歡迎和我一起交流!??(評(píng)論和私信一般會(huì)回!?。??? 個(gè)人專欄推薦 :《前端項(xiàng)目教程以及代碼》 在開發(fā)中,這種需求還是挺常見的,常用于處理后端返回的數(shù)據(jù)

    2024年02月06日
    瀏覽(25)
  • javascript設(shè)置數(shù)組對(duì)象中的key值方法

    方法一:保留舊數(shù)組 key 和 value ; 方法二:不保留舊數(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即可; 2?使用forEach循環(huán) + for循環(huán),通過Object.keys()來改變屬性key;

    2024年02月16日
    瀏覽(21)
  • JavaScript 數(shù)組Array存儲(chǔ)方式及對(duì)象Object

    JavaScript 數(shù)組Array存儲(chǔ)方式及對(duì)象Object

    一、數(shù)組的存儲(chǔ) 1、當(dāng)聲明一個(gè)變量時(shí),var a = 111; 在后臺(tái)計(jì)算機(jī)翻譯時(shí),var聲明 a變量 所以此時(shí)會(huì)產(chǎn)生一個(gè)棧內(nèi)存,變量 a 的初始值為undefined,然后 = 111 ; undefined消失,111的值被賦值給了a。如果多個(gè)變量賦值的話,棧內(nèi)存的執(zhí)行順序是先進(jìn)后出的順序。也叫做壓棧。棧內(nèi)存

    2024年02月08日
    瀏覽(24)
  • javascript中json 對(duì)象 數(shù)組之間相互轉(zhuǎn)化的示例

    在JavaScript中,你可以使用 JSON.stringify() 將JSON對(duì)象轉(zhuǎn)換為JSON字符串,使用 JSON.parse() 將JSON字符串轉(zhuǎn)換為JSON對(duì)象。而要將JSON對(duì)象轉(zhuǎn)換為數(shù)組,可以使用 Object.values() 方法,而要將數(shù)組轉(zhuǎn)換為JSON對(duì)象,可以使用 Array.reduce() 方法。下面是這些轉(zhuǎn)換的示例代碼: 將JSON對(duì)象轉(zhuǎn)換為J

    2024年02月16日
    瀏覽(27)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包