JavaScript |通过其属性获取对象的索引。

任务是使用javascript从给定属性名称和属性值的对象数组中获取对象的索引。我们将讨论一些技术。
先了解几个方法。

• JavaScript 数组 map() 方法：
  此方法使用为每个数组元素调用函数的返回值创建一个新数组。
  此方法为数组中的每个元素调用一次提供的函数，并保持顺序。

  句法：

  array.map(function(currentValue, index, arr), thisValue)
  

  参数：

  • 函数(currentValue, index, arr)：此参数是必需的。它指定要为数组中的每个元素运行的函数。
    • currentValue：此参数是必需的。它指定当前元素的值。
    • index：此参数是可选的。它指定当前元素的数组索引。
    • arr：此参数是可选的。它指定当前元素所属的数组对象。
  • thisValue：此参数是可选的。它指定要传递给函数以用作其“this”值的值。
    如果此参数为空，则将传递值“undefined”。

  示例 1：此示例在数组中搜索属性名称及其值，如果找到，则返回对象的索引，否则返回 -1。

    
  
      
          JavaScript | Get index of object by its property.
      
  
    
  
        
              GeeksForGeeks  
          
      
      
      
          click here
      
      
      
      
          var up = document.getElementById('GFG_UP');
          var arrayObj = [{
              prop_1: 'val',
              prop_2: 'val_12',
              prop_3: 'val_13'
          }, {
              prop_1: 'val',
              prop_2: 'val_22',
              prop_3: 'val_23'
          }];
          var down = document.getElementById('GFG_DOWN');
          up.innerHTML = JSON.stringify(arrayObj);
    
          function fun_2(array, attr, value) {
              for (var i = 0; i < array.length; i += 1) {
                  if (array[i][attr] === value) {
                      return i;
                  }
              }
              return -1;
          }
    
          function GFG_Fun() {
              var prop = 'prop_2';
              var val = 'val_22';
    
              down.innerHTML = "Index of prop = '" +
                  prop + "' val = '" + val +
                  "' is = " + fun_2(arrayObj, prop, val);
          }
      
  
    

  输出：

  • 在点击按钮之前：
    
  • 点击按钮后：
    

  示例 2：此示例使用JavaScript Array map() 方法获取具有给定属性的对象的索引。

    
  
      
          JavaScript 
        | Get index of object by its property.
      
  
    
  
        
              GeeksForGeeks  
          
      
      
      
          click here
      
      
      
      
          var up = document.getElementById('GFG_UP');
          var arrayObj = [{
              prop_1: 'val',
              prop_2: 'val_12',
              prop_3: 'val_13'
          }, {
              prop_1: 'val',
              prop_2: 'val_22',
              prop_3: 'val_23'
          }];
          var down = document.getElementById('GFG_DOWN');
          up.innerHTML = JSON.stringify(arrayObj);
    
          function GFG_Fun() {
              var prop = 'prop_2';
              var val = 'val_22';
              down.innerHTML = "Index of prop = 
              '" + prop + "' val = '" + val + 
              "' is = " + arrayObj.map(function(e) {
                  return e.prop_2;
              }).indexOf(val);
          }
      
  
    

  输出：

  • 在点击按钮之前：
    
  • 点击按钮后：