js循环对象
js 循环对象的语句是怎样的呢?下面就让我们一起来了解一下吧:
js中与循环对象有关的语句一般是for/in 语句,for/in 语句通常是用于循环对象属性。循环中的代码每次执行一次,就会对于数组的元素或是对象的属性进行一次操作。
说明:
在JavaScript其实是支持不同类型的循环的,具体介绍如下:
1、for - 循环代码块一定的次数
2、for/in - 循环遍历对象的属性
3、while - 当指定的条件为 true 时循环指定的代码块
4、do/while - 同样当指定的条件为 true 时循环指定的代码块
需要注意的是,最好不要使用for/in语句来循环数组的索引,不过可以使用for语句来进行替代。
具体的语法格式:
for (var in object) {
执行的代码块
}
参数说明:
var 必须。指定的变量可以为数组元素,也能够是对象的属性。
object 必须。指定迭代的的对象。
参考范例:
示例一
循环对象属性,示例代码如下:
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for (x in person) {
text += person[x] + " ";
}
输出结果为:
John Doe 25
示例二
示例代码:
function Eg(){
this.name ="张三";
this.age = "30";
this.port = "显老的程序员";
}
var eg = new Eg(); //实例化
for(var k in eg){ //定义一个k变量 在eg对象中遍历
console.log(k); // name age port k表示对象中的属性名
}
for(var k in eg){
console.log(eg[k]); // 张三 30 显老的程序员
}
以上就是小编的分享了,希望能够帮助到大家。
js循环遍历对象
JS遍历(循环)——JS对象&JS数组
最近在处理一些偏逻辑的代码块经常遇到遍历问题,接下来跟大家一起温习一下有关于JS的遍历吧。
js数组遍历 1、for循环//不缓存var arr = [5,2,0,1,3,1,4];for ( var i = 0; i
for循环优化版:在JS性能优化中,有一个常见的小优化,即缓存数组长度
//缓存var arr = [5,2,0,1,3,1,4];var len = arr.length;for ( var i = 0; i
第二种方式是大多数的程序猿推荐的一种写法,据说是有利于性能提升,个人没有检测过,但看过一篇文章可以参考:https://blog.crimx.com/2015/04/21/should-array-length-be-cached-or-not/
虽然优化版写法不太优雅,但有时候还真用得上,举个栗子:
//不缓存var divs = document.getElementsByTagName("div"), i, div;for( i=0; i
。。。。。。才第一个,篇幅有点长,还是简化简说吧
2、map映射map遍历支持使用return语句,和forEach都是es5新增的数组方法,所以ie9以下的浏览器还不支持。
var arr = [5,2,0,1,3,1,4];//返回新数组,不改变旧数组arr.map(function(v,i){ console.log(i '--' v);});var temp=arr.map(function(v,i){ return v*v})console.log(temp);
跟map一样是数组自带的方法,性能比for还弱,用的比较少,不能使用break语句中断循环,也不能使用return语句返回到外层函数。
var arr = [5,2,0,1,3,1,4];arr.forEach(function(v,i){console.log(i '--' v);})
es6新增,很强大,支持数组、对象、字符串的遍历
var arr = [5,2,0,1,3,1,4];for( let i of arr){ console.log(i);}
与forEach()不同的是,它可以正确响应break、continue和return语句。
对象的遍历 1,for-in遍历for-in是为遍历对象而设计的,用于循环遍历数组或对象属性,遍历对象简洁方便。for in循环里面的index是string类型的,代码每执行一次,就会对数组的元素或者对象的属性进行一次操作,不建议用来遍历数组。
var obj= { j:5, a:2, v:0, a:1, s:3, c:1, r:4, p:5, t:2,};for (var index in obj){ console.log(index '------' obj[index]);}
Object.keys(obj)
参数:要返回其枚举自身属性的对象
返回值:一个表示给定对象的所有可枚举属性的字符串数组
可用于数组、对象、字符串,这里只说对象的,其它的自己面向百度喔!
let person = {name:"陈奕迅",age:3,address:"香港",getName:function(){}}Object.keys(person) // ["name", "age", "address","getName"]
遍历对象
var obj= { j:5, a:2, v:0, a:1, s:3, c:1, r:4, p:5, t:2,};Object.keys(obj).forEach(function(key){ console.log(key '-----' obj[key]);});
定义:返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性)
var obj= { j:5, a:2, v:0, a:1, s:3, c:1, r:4, p:5, t:2,};Object.getOwnPropertyNames(obj).forEach(function(key){ console.log(key '-----' obj[key]);});
- 02-11生活
女孩五行缺木取名大全
- 11-12生活
冰皮月饼粉需要蒸吗
- 11-27生活
灭鼠公司真的有用吗
- 02-03生活
宋词最唯美的名字女孩
- 01-31教育
实习协议书范文完整版
- 04-20生活
干蜜枣包粽子要泡开吗
- 07-19生活
食物分类
- 06-03生活
蚊子喜欢灯光吗
推荐
- 1tplogincn路由器设置网址怎么找172
- 2写景作文初一800字451
- 3员工劳动合同357
- 4天津属于哪216
- 5大兴机场过了12点怎么回市区463
- 6ccie要什么学历447