จะหาดัชนีอาร์เรย์ที่มีค่าได้อย่างไร

บอกว่าฉันได้รับสิ่งนี้

imageList = [100,200,300,400,500];

ซึ่งให้ฉัน

[0]100 [1]200 เป็นต้น

มีวิธีใดใน JavaScript ที่จะส่งคืนดัชนีด้วยค่าหรือไม่?

คือผมต้องการที่ดัชนีสำหรับ200ผมได้รับกลับ1

คุณสามารถใช้indexOf:

var imageList = [100,200,300,400,500];
var index = imageList.indexOf(200); // 1

คุณจะได้รับ -1 หากไม่สามารถหาค่าในอาร์เรย์

สำหรับวัตถุอาร์เรย์ใช้mapกับindexOf:

var imageList = [
   {value: 100},
   {value: 200},
   {value: 300},
   {value: 400},
   {value: 500}
];

var index = imageList.map(function (img) { return img.value; }).indexOf(200);

console.log(index);

ในเบราว์เซอร์สมัยใหม่คุณสามารถใช้findIndex:

var imageList = [
   {value: 100},
   {value: 200},
   {value: 300},
   {value: 400},
   {value: 500}
];

var index = imageList.findIndex(img => img.value === 200);

console.log(index);

เป็นส่วนหนึ่งของ ES6 และสนับสนุนโดย Chrome, FF, Safari และ Edge

ใช้ฟังก์ชันของ jQuery jQuery.inArray

jQuery.inArray( value, array [, fromIndex ] )
(or) $.inArray( value, array [, fromIndex ] )

นี่เป็นอีกวิธีหนึ่งในการค้นหาดัชนีค่าในอาร์เรย์ที่ซับซ้อนใน javascript หวังว่าจะช่วยใครซักคนอย่างแน่นอน ให้เราสมมติว่าเรามีอาร์เรย์ JavaScript ดังนี้

var studentsArray =
     [
    {
    "rollnumber": 1,
    "name": "dj",
    "subject": "physics"
   },
   {
   "rollnumber": 2,
  "name": "tanmay",
  "subject": "biology"
   },
  {
   "rollnumber": 3,
   "name": "amit",
   "subject": "chemistry"
   },
  ];

ตอนนี้ถ้าเรามีความต้องการที่จะเลือกวัตถุเฉพาะในอาร์เรย์ ให้เราสมมติว่าเราต้องการหาดัชนีของนักเรียนที่มีชื่อ Tanmay

เราสามารถทำได้โดยวนซ้ำผ่านอาร์เรย์และเปรียบเทียบค่าที่คีย์ที่กำหนด

function functiontofindIndexByKeyValue(arraytosearch, key, valuetosearch) {

    for (var i = 0; i < arraytosearch.length; i++) {

    if (arraytosearch[i][key] == valuetosearch) {
    return i;
    }
    }
    return null;
    }

คุณสามารถใช้ฟังก์ชั่นเพื่อค้นหาดัชนีขององค์ประกอบเฉพาะดังต่อไปนี้

var index = functiontofindIndexByKeyValue(studentsArray, "name", "tanmay");
alert(index);

ใช้ indexOf

imageList.indexOf(200)

แล้วไงindexOfล่ะ

alert(imageList.indexOf(200));

Array.indexOfใช้งานไม่ได้ใน Internet Explorer บางเวอร์ชั่น - มีหลายวิธีในการทำเช่นนั้น ... ดูคำถาม / คำตอบนี้: ฉันจะตรวจสอบได้อย่างไรว่าอาร์เรย์มีวัตถุใน JavaScript หรือไม่

เมื่อรายการไม่ยาวมากนี่เป็นวิธีที่ดีที่สุดที่ฉันรู้:

function getIndex(val) {
    for (var i = 0; i < imageList.length; i++) {
        if (imageList[i] === val) {
            return i;
        }
    }
}

var imageList = [100, 200, 300, 400, 500];
var index = getIndex(200);

เป็นไปได้ที่จะใช้ES6ฟังก์ชั่นArray.prototype.findIndexฟังก์ชั่น

MDN พูดว่า :

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

var fooArray = [5, 10, 15, 20, 25];
console.log(fooArray.findIndex(num=> { return num > 5; }));

// expected output: 1

ค้นหาดัชนีตามคุณสมบัติวัตถุ

วิธีค้นหาดัชนีตามคุณสมบัติวัตถุ:

yourArray.findIndex(obj => obj['propertyName'] === yourValue)

ตัวอย่างเช่นมีอาร์เรย์ดังกล่าว:

let someArray = [
    { property: 'OutDate' },
    { property: 'BeginDate'},
    { property: 'CarNumber' },
    { property: 'FirstName'}
];

จากนั้นโค้ดเพื่อค้นหาดัชนีของคุณสมบัติที่จำเป็นมีลักษณะดังนี้:

let carIndex = someArray.findIndex( filterCarObj=> 
    filterCarObj['property'] === 'CarNumber');

นี่คือสิ่งที่ฉันลองดูดูเหมือนว่าโซลูชันของประชาชนส่วนใหญ่จะไม่ตรวจสอบว่ามีรายการนั้นอยู่หรือไม่และจะลบค่าแบบสุ่มหากไม่มีอยู่

ตรวจสอบก่อนว่าองค์ประกอบที่มีอยู่โดยการมองหามันดัชนี หากมีอยู่ให้ลบออกโดยดัชนีโดยใช้วิธีการประกบกัน

elementPosition = array.indexOf(value);

if(elementPosition != -1) {
  array.splice(elementPosition, 1);
}

ในอาร์เรย์หลายมิติ

อาร์เรย์อ้างอิง:

var array = [
    { ID: '100', },
    { ID: '200', },
    { ID: '300', },
    { ID: '400', },
    { ID: '500', }
];

การใช้filterและindexOf:

var in_array = array.filter(function(item) { 
    return item.ID == '200' // look for the item where ID is equal to value
});
var index = array.indexOf(in_array[0]);

วนรอบแต่ละรายการในอาร์เรย์โดยใช้indexOf:

for (var i = 0; i < array.length; i++) {
    var item= array[i];
    if (item.ID == '200') { 
        var index = array.indexOf(item);
    }
}

// Instead Of 
var index = arr.indexOf(200)

// Use 
var index = arr.includes(200);

โปรดทราบ : ฟังก์ชั่นการรวมเป็นวิธีการง่าย ๆ ในอาร์เรย์และช่วยให้ง่ายต่อการค้นหาว่ารายการอยู่ในอาร์เรย์ (รวมถึง NaN ซึ่งแตกต่างจาก indexOf)