javaScript 迭代与循环
2016-07-22 09:50
411 查看
本文所有案例都来自廖雪峰老师的网站,本人只是将案例敲了一遍。有兴趣的可以去廖老师的网站自己学习
<html>
<head>
<title>循环测试</title>
<script>
/*var array = ['a','b','c'];
for(var i of array){
alert(i);
//a,b,c
}
for(var i in array){
alert(i);
//0,1,2 输出的是索引
}
//你可能会有疑问,for ... of循环和for ... in循环有何区别?
//for ... in循环由于历史遗留问题,它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象,它的每个元素的索引被视为一个属性。
//当我们手动给Array对象添加了额外的属性后,for ... in循环将带来意想不到的意外效果:
array.name='hello world';
for(var i in array){
alert(i);
//0,1,2,name
}
alert(array.length); //3
array.forEach(function(element,index,array){
alert(element);
})
var s = new Set();
s.add('a');
s.add('b');
s.add('c');
s.forEach(function(element,sameElement,set){
alert(element);
});
var map = new Map();
map.set('a',1);
map.set('b',2);
map.set('c',3);
map.forEach(function(value,key,map){
alert("key = "+key+" "+"value= "+value);
})
*/
var a = ['a','b','c'];
a.forEach(function(element){
alert(element);
});
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<title>循环测试</title>
<script>
/*var array = ['a','b','c'];
for(var i of array){
alert(i);
//a,b,c
}
for(var i in array){
alert(i);
//0,1,2 输出的是索引
}
//你可能会有疑问,for ... of循环和for ... in循环有何区别?
//for ... in循环由于历史遗留问题,它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象,它的每个元素的索引被视为一个属性。
//当我们手动给Array对象添加了额外的属性后,for ... in循环将带来意想不到的意外效果:
array.name='hello world';
for(var i in array){
alert(i);
//0,1,2,name
}
alert(array.length); //3
array.forEach(function(element,index,array){
alert(element);
})
var s = new Set();
s.add('a');
s.add('b');
s.add('c');
s.forEach(function(element,sameElement,set){
alert(element);
});
var map = new Map();
map.set('a',1);
map.set('b',2);
map.set('c',3);
map.forEach(function(value,key,map){
alert("key = "+key+" "+"value= "+value);
})
*/
var a = ['a','b','c'];
a.forEach(function(element){
alert(element);
});
</script>
</head>
<body>
</body>
</html>
相关文章推荐
- Js 冒泡事件阻止
- JS处理时间
- JavaScript精通到深入
- .NET Core系列 : 2 、project.json 这葫芦里卖的什么药
- 几款极好的 JavaScript 文件上传插件
- Javascript基础学习笔记(菜鸟必看篇)
- JavaScript学习笔记二十八:Canvas
- javascript语法速查表
- 网页js加密码
- JS实现的多张图片轮流播放幻灯片效果
- js生成随机数和把日期格式转换成yyyyMMddHHmmss的方法
- JS笔记
- js onClick事件传参在字符串中的写法
- iframe中父窗口与子窗口之间javascript方法调用
- 41个Web开发者必须收藏的JavaScript实用技巧
- JavaScript学习笔记二十七:Promise
- 原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
- 如何在js中获取当前项目的根路径
- 用JavaScript检测离线/在线状态
- Leetcode 20. Valid Parentheses - javascript