js中数组的几种循环方式

for循环最基本的循环方式，不多说。这种最基本的循环才是速度最快的，效率最高的。
```
for(var i = 0;i<5;i++){console.log(i)
}
```
for in循环用来遍历对象的。要知道JavaScript对象的所有属性都是字符串，不过属性对应的值可以是任意数据类型。（注意：遍历时不仅能读取对象自身上面的成员属性，也能遍历出对象的原型属性）
```
let obj = {a:1, b:2, c:3};
for (let prop in obj) {  //prop指对象的属性名
console.log(prop, obj[prop]);
}   //输出: a,1 b,2 c,3
```
for of循环作为ES6新增的循环方法，这个方法避开了for-in循环的所有缺陷。而且，它可以正确响应break、continue和return语句。for-of循环不仅支持数组，还支持大多数类数组对象，例如DOM NodeList对象。但是for of也有一个致命伤，就像例子看到的，没有索引。对，这是优点也是缺点。遍历数组对象，直接就是item.属性(或者item[属性]),而不用像for循环那样arr[index].属性(arrindex)。但是你有的时候真的就得用到index。不好意思，只能把数组转成Map()。但我觉得真的需要用到index，还是换成forEach吧。
```
let arr = ['123','qwewq','sfds'];
for(let item of arr){console.log(item); //item指的的就是数组每一项的值。不是索引。
}
//输出 '123' 'qwewq' 'sfds'
```

forEach循环里面没办法用break跳出循环。而且在IE中无法实现，需要做兼容处理。没有 return 返回值。

let arr = ['123','qwewq','sfds'];
myArray.forEach(function (value, index) {console.log(value,index);
});
// 输出结果 '123',1  'qwewq',2  'sfds',3

map循环映射，将原有的数组映射成一个新数组，不操作原数组，返回新数组，回调函数中返回什么这一项就是什么
forEach、map都是ECMA5新增数组的方法。map支持return
```
    let arr = ['123','qwewq','sfds'];arr.map(function(value,index){console.log(value,index);});// 输出结果 '123',1  'qwewq',2  'sfds',3
```

js中数组的几种循环方式相关推荐

【温故知新】——原生js中常用的四种循环方式
一.引言本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 在网页中弹出框输入0 网页输出"欢迎下次光临" 在网页中弹出框输入1 网页输 ...
java定义数组_java中数组的三种定义方式_java中数组的定义及使用方法（推荐）...
java中数组的三种定义方式 java中,数组是一种很常用的工具,今天我们来说说数组怎么定义［java］ view plain copy /** * 数组的三种定义方法 * 1.数组类型［］数组名 ...
js中函数的三种定义方式、函数声明、函数同名重复、函数删除、
全栈工程师开发手册 (作者:栾鹏) js系列教程4-函数.函数参数在js中,函数本身属于对象的一种,因此可以定义.赋值,作为对象的属性或者成为其他函数的参数.函数名只是函数这个对象类的引用. 一.函 ...
js清空数组的3种常用方式
js清空数组的方法点击打开视频讲解第一种方式:splice let array = ['a','b','c','d','e']; array.splice(0,array.length); con ...
JS中对象的四种继承方式：class继承、原型链继承、构造函数继承、组合继承（构造函数和原型链继承的结合）
前言才发现之前没有对JavaScript中的继承做过总结,不过看得到是不少,接下来就对这几种继承方式做一下总结. class继承 class继承是ES6引入的标准的继承方式. ES6引入了class ...
js学习总结----js中常用的四种输出方式
1.alert('内容') 在浏览器中弹出框显示我们的内容不输入内容弹出undefined (注意alert弹出的都是字符串) 2.document.write('内容') 在页面中输出显 ...
js声明数组的几种常见方式
1.let arr = new Array() // 可指定数组的长度,如 arr = new Array(3) arr[0] = 'red' arr[1] = 'blue' arr[2] = 'gr ...
oracle循环的方式,Oracle 的几种循环方式介绍
1 Oracle 中的Goto 用法: declare x number; begin x:=10; --定义的初始值 <> --循环点 x:= x-2; -- 循环的处理条件 dbms_ ...
js中数组删除对象的几种方式总结
JS中数组是我们较为常用的一种数据结构,本篇文章主要是介绍js中我们常见的一些删除数组中元素的方式方法,希望可以对大家有所帮助.站长不易,感兴趣的大家可以点击查看原文支持支持. 数组中元素的删除通过删 ...

js中数组的几种循环方式

js中数组的几种循环方式

js中数组的几种循环方式相关推荐

最新文章

热门文章