javascript中Array数组的迭代方法实例分析
JavaScript中的数组迭代方法
本文将通过实例详细JavaScript中数组的迭代方法,包括filter()、map()、every()、some()以及forEach()。这些方法在JavaScript编程中极为常见,掌握它们能显著提高编程效率和代码质量。
我们来看filter()方法。这个方法通过指定的函数确定是否返回数组中包涵的某一项。例如:
```javascript
var num = [1,2,3,4,5,6,12];
num.filter(function(item, index, array){
return (item > 2); // 返回结果:[3, 4, 5, 6, 12]
});
```
接着是map()方法。这个方法会返回一个数组,数组中每一项都是在原始数组中的对应项上运行传入参数的结果。例如:
```javascript
var num = [1,2,3,4,5,4,3,2,1];
num.map(function(item, index, array){
return (item 2); // 返回结果:[2, 4, 6, 8, 10, 8, 6, 4, 2]
});
```
再来看every()和some()方法。这两个方法用于查询数组中的某个项是否符合某个条件。every()方法必须传入的参数每一个都返回true,结果才为true;而some()方法只要有一个为true,结果就为true。例如:
```javascript
var num = [1,2,3,4,5,4,3,2,1];
num.every(function(item, index, array){
return (item > 2); // 结果为false
});
num.some(function(item, index, array){
return (item > 2); // 结果为true
});
```
我们来看forEach()方法。这个方法会对数组的每一项传入参数,但没有返回值。例如:
```javascript
var num = [1,2,3,4,5,4,3,2,1];
num.forEach(function(item, index, array){
console.log(item); // 打印出数组的每个元素
});
```
以上就是JavaScript中数组迭代方法的基本介绍和使用。掌握这些方法,将在JavaScript编程中为你带来极大的便利。希望本文对你有所启发,对你的JavaScript程序设计有所帮助。如果你有任何疑问或需要进一步的学习,请随时查阅相关资料或向我提问。
编程语言
- javascript中Array数组的迭代方法实例分析
- C#多线程Singleton(单件)模式模板
- php抓取网站图片并保存的实现方法
- ASP.Net页尾中添加JavaScript的最佳方法实战分享
- Easy UI动态树点击文字实现展开关闭功能
- php像数组一样存取和修改字符串字符
- 一个替换目录结构的正则表达式 实现目录的增加
- vue实现循环切换动画
- php使用curl存储cookie的示例
- Sql2005注入辅助脚本[修改版]
- 如何实现在下拉菜单里输入文字?
- javascript模拟php函数in_array
- jquery简单实现外部链接用新窗口打开的方法
- asp 得到动态数组中元素的个数
- Vue项目中如何引入icon图标
- js 中获取制定的cook信息实现方法