欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

es6 json數組 查找

林國瑞1年前7瀏覽0評論

在es6中,我們可以利用json數組快速地查找元素。下面我們來看一下如何使用json數組進行查找。

let arr = [{id: 1, name: 'Tom'},
{id: 2, name: 'Jerry'},
{id: 3, name: 'Bob'},
{id: 4, name: 'Alice'},
{id: 5, name: 'Jack'}];
let id = 3;
let result = arr.find(v =>v.id === id);
console.log(result); //輸出{id: 3, name: 'Bob'}

在以上代碼中,首先我們定義了一個json數組arr。然后根據id為3進行查找,使用了es6中的arr.find方法,其中find方法有一個參數,即查找元素的回調函數。回調函數中我們使用了箭頭函數,它代替了es5中的function,簡化了代碼的編寫。在回調函數中,v代表json數組中的元素,我們使用v.id === id與3進行比較,返回true時即為找到需要的元素。

除了find方法外,es6還提供了另一個查找方法findIndex,它的使用方式與find方法類似,只是返回查找元素的下標。

let arr = [{id: 1, name: 'Tom'},
{id: 2, name: 'Jerry'},
{id: 3, name: 'Bob'},
{id: 4, name: 'Alice'},
{id: 5, name: 'Jack'}];
let id = 3;
let index = arr.findIndex(v =>v.id === id);
console.log(index); //輸出2

以上便是es6中使用json數組進行查找的方法,它可以方便地在數組中查找需要的數據,為我們的開發帶來了極大的方便。

上一篇es6 json map