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)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了JavaScript?WeakMap的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
關(guān)于JavaScript中高階函數(shù)的魅力詳解
高階函數(shù)：英文叫Higher-order function。JavaScript的函數(shù)其實(shí)都指向某個變量。下面這篇文章主要給大家介紹了關(guān)于JavaScript中高階函數(shù)的魅力，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2018-09-09
這篇文章主要介紹了如何利用js在兩個html窗口間通信，如果讀者們有類似的需求，可以參考下2021-04-04
JavaScript宏任務(wù)和微任務(wù)區(qū)別介紹
這篇文章主要介紹了JavaScript宏任務(wù)和微任務(wù)區(qū)別介紹，js中的任務(wù)，大致分為2類，一類是同步任務(wù)，另一類是異步任務(wù)。而異步任務(wù)，又分為宏任務(wù)和微任務(wù)，這兩個任務(wù)是兩個隊列，所以是先進(jìn)先出的2022-07-07
在Koa.js中實(shí)現(xiàn)文件上傳的接口功能
這篇文章主要介紹了在Koa.js中實(shí)現(xiàn)文件上傳的接口功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了js給網(wǎng)頁加上背景音樂及選擇音效的方法,涉及javascript操作音頻的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了js圖片查看器插件用法,結(jié)合實(shí)例形式分析了圖片查看器插件viewer.js簡單使用技巧,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細(xì)介紹了js自定義input文件上傳樣式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要介紹了微信小程序開發(fā)之路由切換頁面重定向問題，又通過實(shí)例代碼給大家介紹了微信小程序的路由跳轉(zhuǎn)方法,需要的朋友可以參考下2018-09-09
基于JavaScript實(shí)現(xiàn)購物車功能
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)購物車功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02