js如何獲取對(duì)象在數(shù)組中的index
更新時(shí)間：2022年09月01日 14:34:11 作者：邱六崇
這篇文章主要介紹了js如何獲取對(duì)象在數(shù)組中的index，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
獲取對(duì)象在數(shù)組中的index
需求：數(shù)組中的元素是對(duì)象，需要獲取對(duì)象在數(shù)組中的index
方法：使用findIndex方法
原數(shù)據(jù)：
const ?array = [
?? ?{
?? ??? ?id:1,
?? ??? ?name:'張xx'
?? ?}，
?? ?{
?? ??? ?id:2,
?? ??? ?name:'王xx'
?? ?}
]方法：
const index = array.findIndex(function(val){
?? ?return val.id === 1?
})
// 如果有多個(gè)滿足，返回第一個(gè)的index
console.log(index) // 0數(shù)組的indexOf()方法
var arr = [10, 20, 30, 40, 50, 20, 56, 34, 20];
// var ret = arr.reverse(); // 數(shù)組的倒置， 數(shù)組名.reverse()
// console.log(ret);
//查找某個(gè)元素是不是在數(shù)組中
// 數(shù)組名.includes(元素) 。這個(gè)方法的返回值是 布爾值 false 或者 true
/* var ret = arr.includes(40); // 數(shù)組名.includes(元素)
console.log(ret); */
// 獲取某個(gè)元素第一次出現(xiàn)在數(shù)組中時(shí)的 下標(biāo)即索引
// 數(shù)組名.indexOf(); 返回值是數(shù)組的下標(biāo)；如果不在 就返回 -1
var ret = arr.indexOf(20);
console.log(ret);
var ret1 = arr.indexOf(20, 5); // 第二個(gè)參數(shù)表示從哪個(gè)下標(biāo) 開始，查找，包含此下標(biāo)元素
console.log(ret1);以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript(js)的小數(shù)點(diǎn)乘法除法問題詳解
本篇文章主要是對(duì)javascript(js)中的小數(shù)點(diǎn)乘法除法問題進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-03-03
這篇文章主要介紹了快速使用Bootstrap搭建傳送帶的相關(guān)資料,非常具有參考借鑒價(jià)值，需要的朋友可以參考下2016-05-05
這篇文章主要介紹了wx-charts 微信小程序圖表插件的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要為大家詳細(xì)介紹了圖片文字識(shí)別（OCR）插件Ocrad.js教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
javascript設(shè)計(jì)模式 – 建造者模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 建造者模式,結(jié)合實(shí)例形式分析了javascript建造者模式相關(guān)概念、原理、應(yīng)用場(chǎng)景及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
這篇文章主要介紹了微信小程序中視頻的顯示與隱藏,思路大概是定義一個(gè)標(biāo)記變量，控制視頻的播放與暫停，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-10-10
Iview DatePicker 限制選擇當(dāng)前月份及以后的月份
文章介紹了如何使用iviewDatePicker組件限制用戶只能選擇當(dāng)前月份及以后的月份,并提供了相關(guān)的html代碼和js代碼示例,感興趣的朋友跟隨小編一起看看吧2024-11-11
微信小程序?qū)崿F(xiàn)多行文字滾動(dòng)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多行文字滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要介紹了promise封裝wx.request的方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-05-05
這篇文章主要介紹了微信小程序本地存儲(chǔ)增加有效期的方法,這里通過一個(gè)簡(jiǎn)單示例,展示如何設(shè)置有效期為1小時(shí)的本地存儲(chǔ),首先將storage.js引入到app.js中,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07