JavaScript實(shí)現(xiàn)篩選數(shù)組
更新時(shí)間：2021年03月02日 09:44:29 作者：崇志廣勤
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)篩選數(shù)組，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)篩選數(shù)組的具體代碼，供大家參考，具體內(nèi)容如下
今天，運(yùn)用JavaScript的相關(guān)知識(shí)，制作了篩選數(shù)組的案例。希望我們互相學(xué)習(xí)，共同進(jìn)步！
最終效果圖：
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ù)組在各種編程語(yǔ)言十分常見，也很重要，希望大家熟練運(yùn)用。
之前看到一段代碼：js根據(jù)數(shù)組篩選對(duì)象數(shù)組，分享給大家
根據(jù)存放id的數(shù)組，來(lái)篩選帶此id的對(duì)象
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"}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
layer彈出層 iframe層去掉滾動(dòng)條的實(shí)例代碼
今天小編就為大家分享一篇layer彈出層 iframe層去掉滾動(dòng)條的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
javascript實(shí)現(xiàn)多欄閉合展開式廣告位菜單效果實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)多欄閉合展開式廣告位菜單效果,可實(shí)現(xiàn)類似手風(fēng)琴切換展示效果的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
純js實(shí)現(xiàn)仿QQ郵箱彈出確認(rèn)框
仿QQ郵箱的彈出層，彈出確認(rèn)框，主要是用火狐的firebug把html和css扣了下來(lái)，沒(méi)有做封裝,就定義了一個(gè)拖動(dòng)事件. 大家可以封裝自己的彈出窗，嘿嘿！2015-04-04
這篇文章主要為大家詳細(xì)介紹了純js實(shí)現(xiàn)隔行變色效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
JavaScript輸出數(shù)據(jù)的多種方式小結(jié)
這篇文章主要介紹了 JavaScript 輸出數(shù)據(jù)的多種方式,包括使用彈出警告框、寫入 HTML 文檔、使用 innerHTML 寫入 HTML 元素、寫入瀏覽器控制臺(tái),還講解了操作 HTML 元素的方法,需要的朋友可以參考下2024-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)接收驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章介紹了js函數(shù)排序的代碼，有需要的朋友可以參考一下2013-07-07
JavaScript Set與Map數(shù)據(jù)結(jié)構(gòu)詳細(xì)分析
大家心里是否產(chǎn)生過(guò)這樣的疑問(wèn),JS中既然已經(jīng)有對(duì)象這種數(shù)據(jù)結(jié)構(gòu),我們?yōu)槭裁催€要再單獨(dú)去使用Set或者M(jìn)ap呢?下面這篇文章主要給大家介紹了關(guān)于ES6中Set和Map數(shù)據(jù)結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2022-11-11
這篇文章主要為大家介紹了使用cypress編寫第一個(gè)測(cè)試用例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
vite打包優(yōu)化vite-plugin-compression的使用示例詳解
這篇文章主要介紹了vite打包優(yōu)化vite-plugin-compression的使用,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-09-09