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