亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

如何使用js查找數組中符合條件的元素

 更新時間:2023年04月03日 09:09:39   作者:zhangwenok  
這篇文章主要給大家介紹了關于如何使用js查找數組中符合條件的元素,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

js查找數組中符合條件元素的幾種方法

一、利用for循環(huán)進行查找

let arr = [
  {name: 'zhangsan', age: 18},
  {name: 'lisi', age: 17},
  {name: 'xiaoming', age: 18},
],
result = []
for (let item of arr){
  if(item.age === 18){
    result.push(item);
  }
}
console.log(result);// [{name: 'zhangsan', age: 18},{name: 'xiaoming', age: 18}]

二、filter() 方法

注意:

filter() 方法創(chuàng)建一個新的數組,新數組中的元素是通過檢查指定數組中符合條件的所有元素。

filter() 不會對空數組進行檢測。

filter() 不會改變原始數組。

let arr = [
  {name: 'zhangsan', age: 18},
  {name: 'lisi', age: 17},
  {name: 'xiaoming', age: 18},
];
let result = arr.filter(item=>item.age === 18)
console.log(result);// [{name: 'zhangsan', age: 18},{name: 'xiaoming', age: 18}]

三、find()方法

注意:

find()方法只返回數組中滿足條件的第一個元素,并非所有元素

當數組中的元素在條件返回 true 時, find() 返回符合條件的元素,之后的值不會再調用執(zhí)行函數。

如果沒有符合條件的元素返回 undefined

find() 對于空數組,函數是不會執(zhí)行的。

find() 并沒有改變數組的原始值。

let arr = [
  {name: 'zhangsan', age: 18},
  {name: 'lisi', age: 17},
  {name: 'xiaoming', age: 18},
];
let result = arr.find(item=>item.age === 18)
console.log(result);// {name: 'zhangsan', age: 18}

附:JavaScript查找一個數組中符合某個條件的值,并將符合條件的值存入新的數組

1. 利用find函數和es6箭頭函數,下面方法取到數組中滿足條件的第一個元素;

var newArray  = {};//新對象
var array = [
 {name:'aiai',age:18},
 {name:'sisi',age:18},
 {name:'lulu',age:18},
 {name:'sisi',age:19}
]; 
//查找符合條件值并存入新數組
newArrar = this.array.find((item) => {
   if(item.name === 'sisi'){
     return item
   }
 })
//此時 newArray = {name:'sisi',age:18}

2. 查找符合條件的所有元素

var newArray  = [];//新數組
var j = 0;
var array = [
 {name:'aiai',age:18},
 {name:'sisi',age:18},
 {name:'lulu',age:18},
 {name:'sisi',age:19}
]; //目標數組
 
//查找符合條件值并存入新數組
for(let i in array){
 if(array[i].name == 'sisi'){
  newArray[j++] = array[i]
 }
}
//此時 newArray = [{name:'sisi',age:18},{name:'sisi',age:19}]

總結

到此這篇關于如何使用js查找數組中符合條件的元素的文章就介紹到這了,更多相關js查找數組符合條件的元素內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • javascript漢字拼音互轉的簡單實例

    javascript漢字拼音互轉的簡單實例

    下面小編就為大家?guī)硪黄猨avascript漢字拼音互轉的簡單實例。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • Javascript中Eval函數的使用說明

    Javascript中Eval函數的使用說明

    JavaScript有許多小竅門來使編程更加容易。 其中之一就是eval()函數,這個函數可以把一個字符串當作一個JavaScript表達式一樣去執(zhí)行它。
    2008-10-10
  • webpack -v報錯解決方案

    webpack -v報錯解決方案

    這篇文章主要介紹了webpack -v報錯解決方案,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下
    2021-09-09
  • javascript幀動畫(實例講解)

    javascript幀動畫(實例講解)

    下面小編就為大家?guī)硪黄猨avascript幀動畫(實例講解)。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • swtich/if...else的替代語句

    swtich/if...else的替代語句

    這篇文章主要介紹了swtich/if...else的替代語句的相關資料,需要的朋友可以參考下
    2015-08-08
  • js字符串拼接的4種常見方法

    js字符串拼接的4種常見方法

    JavaScript中,字符串拼接是非常常見的操作,拼接字符串有很多種方式,這篇文章主要給大家介紹了關于js字符串拼接的4種常見方法,需要的朋友可以參考下
    2023-07-07
  • layui 監(jiān)聽表格復選框選中值的方法

    layui 監(jiān)聽表格復選框選中值的方法

    今天小編就為大家分享一篇layui 監(jiān)聽表格復選框選中值的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • 本人自用的global.js庫源碼分享

    本人自用的global.js庫源碼分享

    這篇文章主要介紹了本人自用的global.js庫源碼分享,源碼中包含常用WEB操作,如命名空間、DOM操作、數據判斷、Cookie操作等功能,需要的朋友可以參考下
    2015-02-02
  • iOS和Android用同一個二維碼實現跳轉下載鏈接的方法

    iOS和Android用同一個二維碼實現跳轉下載鏈接的方法

    這篇文章給大家分享的是iOS和Android掃描同一個二維碼,分別跳到各自的下載鏈接的實現方法,文中給出了實例代碼,有需要的朋友們可以參考借鑒。
    2016-09-09
  • javascript實現簡單小鋼琴有聲彈奏效果

    javascript實現簡單小鋼琴有聲彈奏效果

    用HTML5+javascript實現的小鋼琴,按下鋼琴鍵上的相應字母用或用鼠標點擊鋼琴鍵發(fā)聲,javascript代碼包含了對鼠標按下、移動和松開,以及鍵盤按下的事件監(jiān)聽
    2024-02-02

最新評論