Search Array Nuna JavaScript
数组查找和搜索方法
- Array indexOf()
- Array lastIndexOf()
- Array includes()
- Array find()
- Array findIndex()
- Array findLast()
- Array findLastIndex()
另请参阅:
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。
该手册包含所有数组属性和方法的描述和实例。