วิธีรับดัชนีวัตถุโดยคุณสมบัติใน JavaScript?

ตัวอย่างเช่นฉันมี:

var Data = [
  { id_list: 1, name: 'Nick', token: '312312' },
  { id_list: 2, name: 'John', token: '123123' },
]

จากนั้นผมต้องการที่จะจัดเรียง / กลับวัตถุนี้โดยnameยกตัวอย่างเช่น แล้วฉันต้องการได้รับสิ่งนี้:

var Data = [
  { id_list: 2, name: 'John', token: '123123' },
  { id_list: 1, name: 'Nick', token: '312312' },
]

และตอนนี้ฉันอยากรู้ดัชนีของวัตถุที่มีคุณสมบัติname='John'เพื่อรับค่าของคุณสมบัติโทเค็น

ฉันจะแก้ปัญหาได้อย่างไร

ตามคำตอบอื่น ๆ ที่แนะนำการวนซ้ำผ่านอาร์เรย์น่าจะเป็นวิธีที่ดีที่สุด แต่ฉันจะใส่มันลงไปในฟังก์ชั่นของตัวเองและทำให้มันเป็นนามธรรมมากกว่านี้:

function findWithAttr(array, attr, value) {
    for(var i = 0; i < array.length; i += 1) {
        if(array[i][attr] === value) {
            return i;
        }
    }
    return -1;
}

var Data = [
    {id_list: 2, name: 'John', token: '123123'},
    {id_list: 1, name: 'Nick', token: '312312'}
];

ด้วยสิ่งนี้ไม่เพียง แต่คุณจะพบว่าอันไหนมี 'จอห์น' แต่คุณสามารถค้นหาที่มีโทเค็น '312312':

findWithAttr(Data, 'name', 'John'); // returns 0
findWithAttr(Data, 'token', '312312'); // returns 1
findWithAttr(Data, 'id_list', '10'); // returns -1

แก้ไข: ฟังก์ชั่นที่ปรับปรุงแล้วเพื่อกลับ -1 เมื่อไม่พบดังนั้นจึงเป็นไปตามโครงสร้างเดียวกันกับArray.prototype.indexOf ()

เนื่องจากส่วนเรียงได้ตอบแล้ว ฉันแค่จะเสนออีกวิธีที่สวยงามเพื่อรับ indexOf ของคุณสมบัติในอาร์เรย์ของคุณ

ตัวอย่างของคุณคือ:

var Data = [
    {id_list:1, name:'Nick',token:'312312'},
    {id_list:2,name:'John',token:'123123'}
]

คุณทำได้:

var index = Data.map(function(e) { return e.name; }).indexOf('Nick');

Array.prototype.mapไม่พร้อมใช้งานบน IE7 หรือ IE8 ความเข้ากันได้ของ ES5

และที่นี่มี ES6 และลูกศรไวยากรณ์ซึ่งง่ายกว่า:

const index = Data.map(e => e.name).indexOf('Nick');

ถ้าคุณสบายดีเมื่อใช้ ES6 ตอนนี้อาร์เรย์มีฟังก์ชันfindIndex ซึ่งหมายความว่าคุณสามารถทำสิ่งนี้:

const index = Data.findIndex(item => item.name === 'John');

var index = Data.findIndex(item => item.name == "John")

เวอร์ชันตัวย่อของ:

var index = Data.findIndex(function(item){ return item.name == "John"})

จากmozilla.org:

เมธอด findIndex () ส่งคืนดัชนีขององค์ประกอบแรกในอาร์เรย์ที่เป็นไปตามฟังก์ชันการทดสอบที่ให้ไว้ มิฉะนั้นจะถูกส่งกลับ -1

หากคุณมีปัญหากับ IE คุณสามารถใช้ฟังก์ชั่น map () ซึ่งรองรับตั้งแต่ 9.0 เป็นต้นไป:

var index = Data.map(item => item.name).indexOf("Nick");

วิธีเดียวที่ฉันรู้จักคือวนลูปทั้งหมด:

var index=-1;
for(var i=0;i<Data.length;i++)
  if(Data[i].name==="John"){index=i;break;}

หรือกรณีตาย:

var index=-1;
for(var i=0;i<Data.length;i++)
  if(Data[i].name.toLowerCase()==="john"){index=i;break;}

ในดัชนีตัวแปรผลลัพธ์มีดัชนีของวัตถุหรือ -1 หากไม่พบ

วิธีต้นแบบ

(function(){
  if (!Array.prototype.indexOfPropertyValue){
    Array.prototype.indexOfPropertyValue = function(prop,value){
      for (var index = 0; index < this.length; index++){
        if (this[index][prop]){
          if (this[index][prop] == value){
            return index;
          }
        }
      }
      return -1;
    }
  }
 })();
 // usage:
 var Data = [
 {id_list:1, name:'Nick',token:'312312'},{id_list:2,name:'John',token:'123123'}];
 Data.indexOfPropertyValue('name','John'); // returns 1 (index of array);
 Data.indexOfPropertyValue('name','Invalid name') // returns -1 (no result);
 var indexOfArray = Data.indexOfPropertyValue('name','John');
 Data[indexOfArray] // returns desired object.

คุณสามารถใช้ Array.sort โดยใช้ฟังก์ชั่นที่กำหนดเองเป็นพารามิเตอร์ในการกำหนด mecanism ของคุณ

ในตัวอย่างของคุณมันจะให้:

var Data = [
    {id_list:1, name:'Nick',token:'312312'},{id_list:2,name:'John',token:'123123'}
]

Data.sort(function(a, b){
    return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;
});

alert("First name is : " + Data[0].name); // alerts 'John'
alert("Second name is : " + Data[1].name); // alerts 'Nick'

ฟังก์ชัน sort ต้องส่งคืน -1 ถ้า a ควรมาก่อน b, 1 ถ้า a ควรมาหลัง b และ 0 หากทั้งสองเท่ากัน มันขึ้นอยู่กับคุณในการกำหนดตรรกะที่ถูกต้องในฟังก์ชั่นการเรียงลำดับของคุณเพื่อจัดเรียงอาร์เรย์

แก้ไข: พลาดคำถามสุดท้ายที่คุณต้องการรู้ดัชนี คุณจะต้องวนซ้ำอาร์เรย์เพื่อหาสิ่งที่คนอื่นพูด

เพียงผ่านอาร์เรย์ของคุณและค้นหาตำแหน่ง:

var i = 0;
for(var item in Data) {
    if(Data[item].name == 'John')
        break;
    i++;
}
alert(i);

สิ่งนี้อาจมีประโยชน์

function showProps(obj, objName) {  
  var result = "";  
  for (var i in obj)  
    result += objName + "." + i + " = " + obj[i] + "\n";  
  return result;  
}

คัดลอกสิ่งนี้จากhttps://developer.mozilla.org/en/JavaScript/Guide/Working_with_Objects

ทำไมคุณไม่ใช้การทำงานเล็ก ๆ ?

สร้างอาร์เรย์ใหม่ที่มีชื่อเป็นดัชนี หลังจากนั้นการค้นหาทั้งหมดจะใช้ดัชนี ดังนั้นมีเพียงหนึ่งวงเท่านั้น หลังจากนั้นคุณไม่จำเป็นต้องวนซ้ำทุกองค์ประกอบ!

var Data = [
    {id_list:1, name:'Nick',token:'312312'},{id_list:2,name:'John',token:'123123'}
    ]
var searchArr = []
Data.forEach(function(one){
  searchArr[one.name]=one;
})
console.log(searchArr['Nick'])

http://jsbin.com/xibala/1/edit

ตัวอย่างสด

ขยายคำตอบของ Chris Pickett เพราะในกรณีของฉันฉันต้องการค้นหาแอตทริบิวต์ที่ลึกกว่าระดับหนึ่ง:

function findWithAttr(array, attr, value) {
  if (attr.indexOf('.') >= 0) {
    var split = attr.split('.');
    var attr1 = split[0];
    var attr2 = split[1];
    for(var i = 0; i < array.length; i += 1) {
      if(array[i][attr1][attr2] === value) {
        return i;
      }
    }
  } else {
    for(var i = 0; i < array.length; i += 1) {
      if(array[i][attr] === value) {
        return i;
      }
    }
  };
};

คุณสามารถส่ง 'attr1.attr2' ลงในฟังก์ชันได้

แล้วเรื่องนี้ล่ะ :

Data.indexOf(_.find(Data, function(element) {
  return element.name === 'John';
}));

สมมติว่าคุณกำลังใช้ lodash หรือขีดล่าง

var fields = {
teste:
{
    Acess:
    {
        Edit: true,
      View: false

      }
 },
teste1:
{
    Acess:
    {
        Edit: false,
      View: false

      }
  }
};

console.log(find(fields,'teste'));
function find(fields,field){
    for(key in fields){
        if(key == field){
        return true;
    }
}
return false;
}

หากคุณมีวัตถุหนึ่งชิ้นที่มีวัตถุคูณอยู่ภายในหากคุณต้องการทราบว่าวัตถุบางอย่างรวมอยู่ในวัตถุต้นแบบให้ใส่ find (MasterObject, 'Object to Search') ฟังก์ชั่นนี้จะส่งกลับการตอบสนองหากมีอยู่จริงหรือไม่ ) ผมหวังว่าความช่วยเหลือเกี่ยวกับเรื่องนี้สามารถดูกันตัวอย่างใน JSFiddle

let indexOf = -1;
let theProperty = "value"
let searchFor = "something";

theArray.every(function (element, index) {

    if (element[theProperty] === searchFor) {
        indexOf = index;
        return false;
    }
    return true;
});

collection.findIndex(item => item.value === 'smth') !== -1

หากคุณต้องการรับค่าของโทเค็นคุณสมบัติคุณสามารถลองทำสิ่งนี้ได้

    let data=[
      { id_list: 1, name: 'Nick', token: '312312' },
      { id_list: 2, name: 'John', token: '123123' },
    ]

    let resultingToken =  data[_.findKey(data,['name','John'])].token

โดยที่ _.findKey เป็นฟังก์ชันของ lodash

อีกทางเลือกหนึ่งสำหรับคำตอบของเยอรมัน Attanasio Ruiz คุณสามารถกำจัดลูปที่ 2 โดยใช้ Array.reduce () แทน Array.map ();

var Data = [
    { name: 'hypno7oad' }
]
var indexOfTarget = Data.reduce(function (indexOfTarget, element, currentIndex) {
    return (element.name === 'hypno7oad') ? currentIndex : indexOfTarget;
}, -1);

ใช้ขีดเส้นใต้:

var index = _.indexOf(_.pluck(item , 'name'), 'Nick');