資訊專欄INFORMATION COLUMN
摘要：張三男王小毛男李四男關于的使用方法返回數組中符合測試函數條件的第一個元素。否則返回在這兒需要注意的幾個點第一個元素測試函數李四返回結果為李四男結合的改進李四返回的是李四男這個元素李四返回的是索引下標
ES6為Array增加了find()，findIndex函數。find()函數用來查找目標元素，找到就返回該元素，找不到返回undefined，而findIndex()函數也是查找目標元素，找到就返回元素的位置，找不到就返回-1。
他們的都是一個查找回調函數。
查找函數有三個參數。
value：每一次迭代查找的數組元素。
index：每一次迭代查找的數組元素索引。
arr：被查找的數組。
假如我們給vue組件綁定了一個班級的學生列表數據。其數據結構可能如下格式，如果你想從以下數據中查找出姓名為李四的學生的信息。
var stu = [
{
name: "張三",
gender: "男",
age: 20
},
{
name: "王小毛",
gender: "男",
age: 20
},
{
name: "李四",
gender: "男",
age: 20
}
]
關于find()的使用
find()方法返回數組中符合測試函數條件的第一個元素。否則返回undefined
在這兒需要注意的幾個點：
①、第一個元素
②、測試函數
function getStu(element){
return element.name == "李四"
}
stu.find(getStu)
//返回結果為 {name: "李四", gender: "男", age: 20}
結合es6的改進
stu.find((element) => (element.name == "李四")); //返回的是{name: "李四", gender: "男", age: 20}這個元素
stu.findIndex((element)=>(element.name =="李四")); //返回的是索引下標：2
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://m.hztianpu.com/yun/109423.html
摘要：關于我的博客掘金專欄路易斯專欄原文鏈接深度長文數組全解密全文共字，系統(tǒng)講解了數組的各種特性和。構造器構造器用于創(chuàng)建一個新的數組。中聲明的數組，它的構造函數是中的對象。 本文首發(fā)于CSDN網站，下面的版本又經過進一步的修訂。 關于 我的博客：louis blog 掘金專欄：路易斯專欄 原文鏈接：【深度長文】JavaScript數組全解密 全文共13k+字，系統(tǒng)講解了JavaScrip...
摘要：一返回符合條件的第一個元素方法接收個參數，第一個參數為一個回調函數，第二個參數指定回調函數里的。其中，回調函數本身接受三個參數元素的值，元素的下標，數組本身回調函數的功能邏輯是想要尋找的元素應當滿足的某種條件。 一：find() 返回符合條件的第一個元素find方法接收2個參數，第一個參數為一個回調函數，第二個參數指定回調函數里的this。大概如下：find(function(valu...
摘要：檢測數組或者檢測對象的原型鏈是否指向構造函數的對象或者終極大招注意不可以用此方法檢查常用方法合并多個數組，返回合并后的新數組，原數組沒有變化。返回值是由被刪除的元素組成的一個數組。 定義數組 const array = [1, 2, 3]; 或者 const array = new Array(); array[0] = 1; 建議盡量使用第一種形式定義數組，采用new的形式在大量的數...
摘要：檢測數組或者檢測對象的原型鏈是否指向構造函數的對象或者終極大招注意不可以用此方法檢查常用方法合并多個數組，返回合并后的新數組，原數組沒有變化。返回值是由被刪除的元素組成的一個數組。 定義數組 const array = [1, 2, 3]; 或者 const array = new Array(); array[0] = 1; 建議盡量使用第一種形式定義數組，采用new的形式在大量的數...
閱讀 850·2023-04-25 16:55
閱讀 2912·2021-10-11 10:59
閱讀 2154·2021-09-09 11:38
閱讀 1884·2021-09-03 10:40
閱讀 1544·2019-08-30 15:52
閱讀 1214·2019-08-30 15:52
閱讀 1037·2019-08-29 15:33
閱讀 3555·2019-08-29 11:26
