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層去掉滾動條的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
javascript實現(xiàn)多欄閉合展開式廣告位菜單效果實例
這篇文章主要介紹了javascript實現(xiàn)多欄閉合展開式廣告位菜單效果,可實現(xiàn)類似手風琴切換展示效果的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
仿QQ郵箱的彈出層，彈出確認框，主要是用火狐的firebug把html和css扣了下來，沒有做封裝,就定義了一個拖動事件. 大家可以封裝自己的彈出窗，嘿嘿！2015-04-04
這篇文章主要為大家詳細介紹了純js實現(xiàn)隔行變色效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
JavaScript輸出數(shù)據(jù)的多種方式小結(jié)
這篇文章主要介紹了 JavaScript 輸出數(shù)據(jù)的多種方式,包括使用彈出警告框、寫入 HTML 文檔、使用 innerHTML 寫入 HTML 元素、寫入瀏覽器控制臺,還講解了操作 HTML 元素的方法,需要的朋友可以參考下2024-12-12
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)接收驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章介紹了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編寫第一個測試用例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
vite打包優(yōu)化vite-plugin-compression的使用示例詳解
這篇文章主要介紹了vite打包優(yōu)化vite-plugin-compression的使用,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-09-09