利用JS筛选数组方法一

简介: 利用JS筛选数组方法一

利用JS如何筛选出一个数组里面我们需要的数据呢?

可以利用for循环来实现,在写代码的时候需要注意,首先要新建一个空的数组,它的作用是把我们选出来的数据存放进去。

随机给出一组数组[2, 0, 2, 2, 0, 5, 1, 9, 22, 30],将其中大于10的数字筛选出来,

代码可以这样来写:

<script>//筛选数组 方法一vararr= [2, 0, 2, 2, 0, 5, 1, 9, 22, 30];
varnewArr= [];
varj=0;
for (vari=0; i<arr.length; i++) {
if (arr[i] >10) {
newArr[j] =arr[i];
j++;
            }
        }
console.log(newArr);
</script>

image.png

打开浏览器进行验证:

结果是正确的。

image.png

相关文章
|
10天前
|
前端开发 JavaScript
JS-数据筛选
JS-数据筛选
25 7
|
1月前
|
存储 缓存 JavaScript
JavaScript 中数组方法的常见优化技巧
JavaScript 中数组方法的常见优化技巧
|
5月前
|
JavaScript 前端开发
JavaScript 数组方法概览
【5月更文挑战第11天】JavaScript 数组方法概览:push() 添加元素至末尾;pop() 删除并返回最后一个元素;shift() 删除并返回第一个元素;unshift() 向开头添加元素;slice() 返回指定范围的浅拷贝;splice() 删除/替换/添加元素,改变原数组;concat() 合并数组;join() 转换为字符串;reverse() 颠倒顺序;sort() 排序;map() 应用函数并创建新数组;filter() 过滤元素;reduce() 累加元素为单一值。
34 1
|
18天前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
|
2月前
|
JavaScript
js团队筛选功能
js团队筛选功能
18 0
|
4月前
|
Web App开发 JavaScript iOS开发
技术笔记:js数组定义和方法(包含ES5新增数组方法)
技术笔记:js数组定义和方法(包含ES5新增数组方法)
|
5月前
|
JavaScript 前端开发
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
【5月更文挑战第11天】JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式。map() 用于创建新数组,其中元素是原数组元素经过指定函数转换后的结果;filter() 则筛选出通过特定条件的元素生成新数组;reduce() 将数组元素累计为单一值。这三个方法使代码更简洁易读,例如:map() 可用于数组元素乘以 2,filter() 用于选取偶数,reduce() 计算数组元素之和。
43 2
|
5月前
|
存储 JavaScript 前端开发
JavaScript 数组方法详解
JavaScript 数组方法详解
40 2
|
5月前
|
JavaScript 前端开发 数据处理
javascript数据处理和筛选
javascript数据处理和筛选
27 1
|
5月前
|
JavaScript 前端开发
JavaScript 中的数组方法有哪些?
JavaScript 中的数组方法有哪些?
47 2