Vue.js中的數組操作是非常常見和重要的,Vue的數組方法很多,其中一個非常有用的方法是find()。它可以返回符合條件的第一個數組元素,如果沒找到返回undefined。
let array = [ { name: 'John', age: 18 }, { name: 'Mary', age: 24 }, { name: 'Thomas', age: 32 }, { name: 'Lucy', age: 27 } ]; let person = array.find(item =>item.name === 'Mary'); console.log(person); // { name: 'Mary', age: 24 }
上面的代碼中,find()方法通過傳入一個回調函數,查找數組中第一個符合條件的元素。回調函數的參數是每個元素,返回true則表示找到了符合條件的元素。
如果數組中沒找到符合條件的元素,則會返回undefined。
let array = [ { name: 'John', age: 18 }, { name: 'Mary', age: 24 }, { name: 'Thomas', age: 32 }, { name: 'Lucy', age: 27 } ]; let person = array.find(item =>item.name === 'Bob'); console.log(person); // undefined
find()方法可以用于數組中查找某個對象并返回該對象的屬性值,最常見的使用情形是查找數組中符合指定條件的元素。
至此,我們簡單地介紹了Vue.js中的find()方法。希望本文對Vue初學者有所幫助。