javascript 数组对象与嵌套循环写法

‘use strict‘

var info=[{"name":"最近想跳河","interst":["历史","美食"],"wife":{"name":"a.wen","interst":["旅游","美食","教育人"]}}];

// ES6写法
for(let person of info){
    console.log(person);
    console.log("姓名:"+person.name)
    for(let interst of person.interst){
        console.log("爱好:"+interst);
    }
    console.log(person.wife);
    console.log("老婆的名字:"+person.wife.name);
    for(let interst of person.wife.interst){
        console.log("老婆的爱好:"+interst)
    }
}

// ES5写法
for(var p=0;p<info.length;p++){
    console.log(info[p]);
    console.log("姓名:"+info[p].name)
    for(var i=0;i<info[p].interst.length;i++){
        console.log("爱好:"+info[p].interst[i]);
    }
    console.log(info[p].wife);
    console.log("老婆的名字:"+info[p].wife.name);
    for(var j=0; j<info[p].wife.interst.length;j++){
        console.log("老婆的爱好:"+info[p].wife.interst[j])
    }
}

// ES5写法
for(var p in info){
    console.log(info[p]);
    console.log("姓名:"+info[p].name)
    for(var i in info[p].interst){
        console.log("爱好:"+info[p].interst[i]);
    }
    console.log(info[p].wife);
    console.log("老婆的名字:"+info[p].wife.name);
    for(var j in info[p].wife.interst){
        console.log("老婆的爱好:"+info[p].wife.interst[j])
    }
}
时间: 2024-10-12 22:08:46

javascript 数组对象与嵌套循环写法的相关文章

JQuery $.each遍历JavaScript数组对象实例

查看一个简单的jQuery的例子来遍历一个JavaScript数组对象. var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana&q

javascript数组对象实例方法

javascript数组对象实例方法有:pop(),push(),reverse(),shift(),sort(),splice(),unshift(),concat(),join(),slice() pop() : 移除数组中最后一个元素,并返回该元素. 如下: var a=[1,2,3] ; console.log(a.pop()); // 输出 3 console.log(a); //输出 [1,2] push() : 向数组尾部添加元素,并返回该数组的大小.如下: var a =[1,2

javascript数组对象排序

javascript数组对象排序 JavaScript数组内置排序函数 javascript内置的sort函数是多种排序算法的集合 JavaScript实现多维数组.对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序. sort() 方法用于对数组的元素进行排序.语法如下: ArrayObject.sort(order); 测试A: var mm=[1,4,0,6,3,1,2]; mm.sort(); alert(mm);//0 1 1 2 3 4 6 返回值为对数组的引

JavaScript数组对象的声明与使用

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>数组对象的声明与使用</title> </head> <body> <script typ

javaScript数组对象

定义数组 数组对象用来在单独的变量名中存储一系列的值. 我们使用关键词 new 来创建数组对象.下面的代码定义了一个名为 myArray 的数组对象: var myArray=new Array() 有两种向数组赋值的方法(你可以添加任意多的值,就像你可以定义你需要的任意多的变量一样). 1: var mycars=new Array() mycars[0]="Saab" mycars[1]="Volvo" mycars[2]="BMW" 也可以

了解JavaScript 数组对象及其方法

数组在我目前学习过的编程语言中都可以见到, 形形色色的方法也数不胜数, 不过功能都一样, 最多也就是方法名稍稍有所不同, 老外也没个准啊, 如果英语比较好的同学对于学习方法(method)来说是很快的, 因为基本都可以翻译出来, 不过也要勤加锻炼, 总体来说, 英语水平不怎么影响编程技术, 看看API的话, 认识点简单的词汇, 就差不多了. 数组对象 文中一再的把数组和对象一起说, 是因为数组具有对象的一切特性, 更准确的说数组属于一类对象, 一类继承自Array.prototype的对象, 所

javascript数组对象操作,location对象操作

Array 对象属性 FF: Firefox, IE: Internet Explorer 属性 描述 FF IE constructor 返回对创建此对象的数组函数的引用. 1 4 index   1 4 input   1 4 length 设置或返回数组中元素的数目. 1 4 prototype 使您有能力向对象添加属性和方法. 1 4 Array 对象方法 FF: Firefox, IE: Internet Explorer 方法 描述 FF IE concat() 连接两个或更多的数组

JavaScript数组方法的兼容性写法 汇总:indexOf()、forEach()、map()、filter()、some()、every()

ECMA Script5中数组方法如indexOf().forEach().map().filter().some()并不支持IE6-8,但是国内依然有一大部分用户使用IE6-8,而以上数组方法又确实非常好用.在过去,我会为了兼容性尽量不用这些方法.但是,总不能为了旧的丢了新的吧?!虽然说jQuery已经集成好了不少语法糖,但jQuery体积太庞大,作为一名志于体面的前端儿得知道原生的兼容性写法要怎么写.于是这几天,我开始在琢磨这些方法的兼容性写法.其实并不难,就是以前不够自信不敢写.写完以后,

JavaScript数组(对象)方法

数组的方法:首先,数组的方法有数组原型方法,也有从object对象继承来的方法.这里只详细说明一下数组的原型方法. (1)join:把数组中的所有元素放入一个字符串.元素通过指定的分隔符进行分隔. 例如在控制台页面操作: var a=[1,2,3,4] => a [1, 2, 3, 4] a.join(':') =>"1:2:3:4" (2)push:向数组的末尾加一项,返回值是数组的新长度. var a=[1,2,3,4]; =>a [1, 2, 3, 4] a.p