首先看一下菜鸟里面的示例
var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.filter(checkAdult); }
输出结果为:
32,33,40
我要使用的方法为:删除数组中id为某一确定值的元素:
dataList=dataList.filter(t => t.id != id)
这样就直接删除成功了
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测。
注意: filter() 不会改变原始数组。
菜鸟中更多实例:
返回数组 ages 中所有元素都大于输入框指定数值的元素:
<p>最小年龄: <input type="number" id="ageToCheck" value="18"></p> <button onclick="myFunction()">点我</button> <p>所有大于指定数组的元素有? <span id="demo"></span></p> <script> var ages = [32, 33, 12, 40]; function checkAdult(age) { return age >= document.getElementById("ageToCheck").value; } function myFunction() { document.getElementById("demo").innerHTML = ages.filter(checkAdult); } </script>
利用 filter 遍历出所有偶数:
let arr = [56, 15, 48, 3, 7]; let newArr = arr.filter(function (value, index, array) { return value % 2 === 0; }); console.log(newArr) // [56, 48]
利用 filter 进行数组去重:
function unique(arr) { return arr.filter(function(item, index, arr) { //当前元素,在原始数组中的第一个索引==当前索引值,否则返回当前元素 return arr.indexOf(item, 0) === index; }); } var arr = [1,1,'RUNOOB','RUNOOB',true,true,15]; console.log(unique(arr)) // [1, "RUNOOB", true, 15]
END