JavaScript實現(xiàn)篩選數(shù)組

更新時間：2021年03月02日 09:44:29 作者：崇志廣勤

這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)篩選數(shù)組，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了JavaScript實現(xiàn)篩選數(shù)組的具體代碼，供大家參考，具體內(nèi)容如下

今天，運用JavaScript的相關(guān)知識，制作了篩選數(shù)組的案例。希望我們互相學習，共同進步！

最終效果圖：

js代碼部分：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>篩選數(shù)組</title>
 <script>
  function Search(arr) {
   var newArr = [];
   for (var i = 0; i < arr.length; i++) {
    if (arr[i] > 10) {
     newArr[newArr.length] = arr[i];
   }
  }
   return newArr;
  }
  var arr = [1, 2, 45, 31, 7, 30, 22, 3, 5, 17];
  Search(arr);
  alert('您輸入的數(shù)字分別為'+arr+'\n'+'大于10的數(shù)有:'+Search(arr));
 </script>
</head>
<body>
</body>
</html>

小結(jié)：

篩選數(shù)組在各種編程語言十分常見，也很重要，希望大家熟練運用。

之前看到一段代碼：js根據(jù)數(shù)組篩選對象數(shù)組，分享給大家

根據(jù)存放id的數(shù)組，來篩選帶此id的對象

var array = [
{
 time: '2020',
 id: '1',
},
{
 time: '2020',
 id: '2',
},
{
 time: '2020',
 id: '3',
}];
var filterIds = ['1', '3'];
var result = array.filter((a,i)=>{
  return filterIds.some(f=>(f === a.id)) 
})
//[{time: "2020", id: "1"},{time: "2020", id: "3"}

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

layer彈出層 iframe層去掉滾動條的實例代碼
今天小編就為大家分享一篇layer彈出層 iframe層去掉滾動條的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
javascript實現(xiàn)多欄閉合展開式廣告位菜單效果實例
這篇文章主要介紹了javascript實現(xiàn)多欄閉合展開式廣告位菜單效果,可實現(xiàn)類似手風琴切換展示效果的功能,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
純js實現(xiàn)仿QQ郵箱彈出確認框
仿QQ郵箱的彈出層，彈出確認框，主要是用火狐的firebug把html和css扣了下來，沒有做封裝,就定義了一個拖動事件. 大家可以封裝自己的彈出窗，嘿嘿！
2015-04-04
純js實現(xiàn)隔行變色效果
這篇文章主要為大家詳細介紹了純js實現(xiàn)隔行變色效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
JavaScript輸出數(shù)據(jù)的多種方式小結(jié)
這篇文章主要介紹了 JavaScript 輸出數(shù)據(jù)的多種方式,包括使用彈出警告框、寫入 HTML 文檔、使用 innerHTML 寫入 HTML 元素、寫入瀏覽器控制臺,還講解了操作 HTML 元素的方法,需要的朋友可以參考下
2024-12-12
微信小程序?qū)崿F(xiàn)接收驗證碼
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)接收驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
js函數(shù)排序的實例代碼
這篇文章介紹了js函數(shù)排序的代碼，有需要的朋友可以參考一下
2013-07-07
JavaScript Set與Map數(shù)據(jù)結(jié)構(gòu)詳細分析
大家心里是否產(chǎn)生過這樣的疑問,JS中既然已經(jīng)有對象這種數(shù)據(jù)結(jié)構(gòu),我們?yōu)槭裁催€要再單獨去使用Set或者Map呢?下面這篇文章主要給大家介紹了關(guān)于ES6中Set和Map數(shù)據(jù)結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下
2022-11-11
使用cypress編寫第一個測試用例
這篇文章主要為大家介紹了使用cypress編寫第一個測試用例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-06-06
vite打包優(yōu)化vite-plugin-compression的使用示例詳解
這篇文章主要介紹了vite打包優(yōu)化vite-plugin-compression的使用,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-09-09