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