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ǔ)言十分常見(jiàn)，也很重要，希望大家熟練運(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)文章
在網(wǎng)站開(kāi)發(fā)過(guò)程中，經(jīng)常會(huì)調(diào)用到地圖，百度地圖JavaScript API可幫助您在網(wǎng)站中構(gòu)建功能豐富、交互性強(qiáng)的地圖應(yīng)用，本文就詳細(xì)的介紹一下，感興趣的可以了解一下2021-07-07
事件對(duì)象 的獲取很簡(jiǎn)單，很久前我們就知道IE中事件對(duì)象是作為全局對(duì)象( window.event )存在的，F(xiàn)irefox中則是做為句柄( handler )的第一個(gè)參數(shù)傳入內(nèi)的。所以一行代碼就可以搞定2011-03-03
JavaScript編程中容易出BUG的幾點(diǎn)小知識(shí)
這篇文章主要介紹了JavaScript編程中容易出BUG的幾點(diǎn)小知識(shí),本文總結(jié)了8條小知識(shí),這些小知識(shí)如果弄不明白,會(huì)在編程中給你惹麻煩出BUG,需要的朋友可以參考下2015-01-01
JS常用的幾種數(shù)組遍歷方式以及性能分析對(duì)比實(shí)例詳解
這篇文章主要介紹了JS常用的幾種數(shù)組遍歷方式以及性能分析對(duì)比,結(jié)合實(shí)例形式詳細(xì)分析了javascript針對(duì)數(shù)組遍歷的幾種常見(jiàn)使用方法及執(zhí)行效率對(duì)比,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04
利用uniapp+vue3+js適配微信隱私協(xié)議開(kāi)發(fā)指南
這篇文章主要給大家介紹了關(guān)于利用uniapp+vue3+js適配微信隱私協(xié)議開(kāi)發(fā)指南的相關(guān)資料,適配最新微信小程序隱私協(xié)議開(kāi)發(fā)指南,兼容uniapp版本,需要的朋友可以參考下2023-12-12
關(guān)于微信上網(wǎng)頁(yè)圖片點(diǎn)擊全屏放大效果
這篇文章主要介紹了關(guān)于微信上網(wǎng)頁(yè)圖片點(diǎn)擊全屏放大效果的相關(guān)資料,需要的朋友可以參考下2016-12-12
OpenLayer實(shí)現(xiàn)自定義坐標(biāo)點(diǎn)的繪制
OpenLayers?是一個(gè)專(zhuān)為Web?GIS?客戶(hù)端開(kāi)發(fā)提供的JavaScript?類(lèi)庫(kù)包，用于實(shí)現(xiàn)標(biāo)準(zhǔn)格式發(fā)布的地圖數(shù)據(jù)訪(fǎng)問(wèn)。本文將利用OpenLayer實(shí)現(xiàn)自定義坐標(biāo)點(diǎn)的繪制，感興趣的可以了解一下2022-04-04
JavaScript模擬實(shí)現(xiàn)網(wǎng)易云輪播效果
這篇文章主要介紹了如何利用JavaScript模仿網(wǎng)易云輪播效果的實(shí)現(xiàn)，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)有一定幫助，需要的可以參考一下2022-04-04
這篇文章主要為大家詳細(xì)介紹了JS對(duì)HTML表格進(jìn)行增刪改操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了JavaScript模塊隨意拖動(dòng)的具體實(shí)現(xiàn),需要的朋友可以參考下2014-05-05