Search Array Nuna JavaScript

数组查找和搜索方法

另请参阅:

JavaScript Array indexOf()

indexOf() 方法在数组中搜索元素值并返回其位置。

rarrabawo:第一项的位置是 0,第二项的位置是 1,依此类推。

实例

在数组中搜索项 "Apple":

const furoti = ["Apple", "Orange", "Apple", "Mango"];
let position = furoti.indexOf("Apple") + 1;

亲自试一试

linga

array.indexOf(item, start)
item 必需。要搜索的项。
start 可选。搜索的起始位置。负值将从数组末尾开始计数,并搜索到末尾。

返回值:

  • 如果未找到项,则返回 -1。
  • 如果项出现多次,则返回第一次出现的位置。

JavaScript Array lastIndexOf()

lastIndexOf() 方法与 indexOf() 相同,但返回指定元素最后一次出现的位置。

实例

在数组中搜索项 "Apple":

const furoti = ["Apple", "Orange", "Apple", "Mango"];
let position = furoti.lastIndexOf("Apple") + 1;

亲自试一试

linga

array.lastIndexOf(item, start)
item 必需。要搜索的项。
start 可选。搜索的起始位置。负值将从数组末尾开始计数,并搜索到开头。

JavaScript Array includes()

ECMAScript 2016 引入了 Array.includes() 方法。它允许我们检查数组中是否包含某个元素(包括 NaN,与 indexOf 不同)。

实例

const furoti = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // ƙauna true

亲自试一试

linga

array.includes(search-item)

search-itemwaɗanda a baya ƙauna.

rarrabawo:includes() za a gudanar NaN values, amma indexOf() bai a gudanar ba.

浏览器支持

includes() wani ɗaya daga ECMAScript 2016 characteristics.

daga shekarar 2017 shekarar 3 ta hanyar, duk browsers na zamani suka cimma ES2016:

Chrome Edge Firefox Safari Opera
Chrome 52 Edge 15 Firefox 52 Safari 10.1 Opera 39
2016 shekarar 7 2017 shekarar 4 2017 shekarar 3 2017 shekarar 5 2016 shekarar 8

Internet Explorer bai cimma ba includes().

JavaScript Array find()

find() method na a gudanar farko na yawa na array na a gudanar ta hanyar function na test.

实例

gudanar farko na yawa don kai tsaya 18:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

亲自试一试

rarrabawo:function na a gudanar 3 parameters:

  • wurin element
  • index na element
  • array a kai

浏览器支持

find() wani ɗaya daga ES6 (JavaScript 2015) characteristics.

daga shekarar 2017 shekarar 6 ta hanyar, duk browsers na zamani suka cimma ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
2016 shekarar 5 2017 shekarar 4 2017 shekarar 6 2016 shekarar 9 2016 shekarar 6

Internet Explorer bai cimma ba find()

JavaScript Array findIndex()

findIndex() method na a gudanar index na farko na array na a gudanar ta hanyar function na test.

实例

gudanar index na farko na yawa don kai tsaya 18:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

亲自试一试

rarrabawo:function na a gudanar 3 parameters:

  • wurin element
  • index na element
  • array a kai

浏览器支持

findIndex() wani ɗaya daga ES6 (JavaScript 2015) characteristics.

daga shekarar 2017 shekarar 6 ta hanyar, duk browsers na zamani suka cimma ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
2016 shekarar 5 2017 shekarar 4 2017 shekarar 6 2016 shekarar 9 2016 shekarar 6

Internet Explorer bai cimma ba findIndex()

JavaScript Array findLast()

ES2023 da a tsara findLast() hauwa da ke a hauwa dake a fada dake na kowace ko a kace, kuma a gudanar a kace a cikin abinci na kace don hauwa a kace.

实例

const temp = [27, 28, 30, 40, 42, 35, 30];
a na high = temp.findLast(x => x > 40);

亲自试一试

浏览器支持

findLast() 是 ES2023 的特性。

自 2023 年 7 月起,所有现代浏览器均支持:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
2023 年 2 月 2023 年 2 月 2023 年 7 月 2023 年 3 月 2023 年 5 月

JavaScript Array findLastIndex() Method

findLastIndex() 方法查找满足条件的最后一个元素的索引。

实例

const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40);

亲自试一试

浏览器支持

findLastIndex() 是 ES2023 的特性。

自 2023 年 7 月起,所有现代浏览器均支持:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
2023 年 2 月 2023 年 2 月 2023 年 7 月 2023 年 3 月 2023 年 5 月

完整的数组参考手册

如需完整的数组参考,请访问:JavaScript bukola

该手册包含所有数组属性和方法的描述和实例。