JavaScript - 一维数组 / 二维数组根据指定的对象属性获取该对象在数组中的下标（对数组进行增删还要确定该项位置）

妖狐艹你老母 2022-11-15 12:00 370阅读 0赞

## 前言 ##

> 如果你要对一个数组对象（二维数组）进行增删，它的数组下标会根据数组长度进行变化，这会导致你无法正确找到数组项。

适用于 **对数组进行增删还要确定该项位置** 需求。

如果你指定一个属性（匹配数组项从而找到该项所在下标），那么无论数组长度怎么变化，你都可以 “正确” 找到该项。

## 一维数组 ##

// Array Object
    const arr = ['王佳斌', '孙玉红', '11']
    
    // 获取 '11' 该项所在位置的下标
    // '11' 即要匹配的变量(请根据逻辑, 我这里直接写死了)
    var _index = arr.findIndex(value => value == '11')
    console.log(_index)//2

## 二维数组 ##

// Array Object
    const arr = [
    	{  id: 1, name: '王佳斌' }, //下标: 0
    	{  id: 2, name: '孙玉红' }, //下标: 1
    	{  id: 3, name: '11' } //下标: 2
    ]
    
    // 获取 id == 2 该项所在位置的下标
    // 2 即要匹配的id变量(请根据逻辑, 我这里直接写死了)
    var _index = arr.findIndex(item => item.id === 2)
    console.log(_index)//1

如果你觉得不够优雅，也可以封装成函数，如下所示：

// Array Object
    const arr = [
    	{  id: 1, name: '王佳斌' }, //0
    	{  id: 2, name: '孙玉红' }, //1
    	{  id: 3, name: '11' } //2
    ]
    
    /* * 根据条件获取数组项下标 * 适用于对数组进行增删的需求 * @param {Array} arr - 要操作的数组 * @param {String} key - 要匹配属性 * @param {String} value - 要匹配的属性值 * @return String */
    function getIndex(arr, key, value){ 
        return arr.findIndex(item => item[key] === value)
    }
    
    // test
    console.log(getIndex(arr, 'id', 3))//2
    console.log(getIndex(arr, 'name', '11'))//2

## 注意事项 ##

如果返回 `-1` 则表示未找到该项，你应该做一下处理。