js遍历对象

第一种：for循环，也是最常见的 const arr = [11,22,33,44,55,66,77,88] for (let i = 0; i < arr.length; i++) { console.log(arr[i]) } 第二种：forEach（） 1)、forEach（）遍历普通数组 arr.forEach( function(item){ console.log(item) } ) 2）、forEach（）遍历对象类型数组 const arr = [ {id:1,name:'zhangsan'}, {id:2,name:'lisi'}, {id:3,name:'wangwu'} ] arr.forEach( function(item){ console.log(item.id + '---' + item.name) }) 输出结果： 第三种： map（）方法 map即是 “映射”的意思 ，原数组被“映射”成对应新数组 var newArr = arr.map( function(value,index){ console.log(value + '---' + index) return value + 10 }) console.log(newArr) 输出结果： 注意：forEach（）和map（）区别： 1、forEach：用来遍历数组中的每一项

第一种:普通的for循环 for(var i = 0; i < arr.length; i++) { } 这是最简单的一种遍历方法,也是使用的最多的一种,但是还能优化. 第二种:优化版for循环 for(var i = 0,len=arr.length; i < len; i++) { } 这种看上去和第一种差不多,主要是避免重复获取数组长度,当数组很大时才能看到明显效果. 第三种:foreach循环 arr.forEach(function(e){ }); 数组自带的foreach循环,使用的时候较多,但是效果比普通的for循环弱. 第四种:forin循环 for(var i in arr) { } 对应于一个对象的每个，或一个数组的每个元素，执行一个或多个语句. 第五种:map遍历 arr.map(function(n){ }); 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象. 来源： http://www.cnblogs.com/zh23/p/6971599.html

**本篇只列出零碎的jQuery基础知识点，个人记录自己的学习进度，无序排列，谨慎查看。** 1.jQuery入口函数的四种写法 2.jQuery与JS遍历数组的区别 3.jQuery符号冲突问题 4.jQuery与JS的map遍历方法 5.each方法和map方法的区别 6.jQuery各种静态方法的使用 7.定义并调用静态方法和实例方法 1.jQuery入口函数的四种写法 xxxxxxxxxx //第一种写法 $(function(){ alert("hello world"); }) //第二种写法 jQuery(function(){ alert("hello"); }) //第三种写法 $(document).ready(function(){ alert("heihei"); }) //第四种写法 jQuery(document).ready(function(){ alert("world"); }) 四种写法都能弹出窗口内容。 2.jQuery与JS遍历数组的区别 jQuery与JS都可以通过 each 和 map 来遍历数组。 jQuery可以遍历伪数组，但JS不能。 注：以each方法举例。 xxxxxxxxxx //定义一个数组，一个伪数组 var arr = [1 ,3 ,5 ,7 ,9];//定义一个数组 var arw = {0:1, 1:3 ,2:5,

forEach es5出来的方法，这是我在react中用的最多的遍历方法之一，用法如下： models.forEach(model => app.model(model)); dva里面经常这么写。 写法很简单，经常用于通过这个数组内的数据创造新的结构，但是forEach的问题在于它不能跳出循环。 map 也是用的最多的方法之一，用法如下 {data.map(d => ( <div className="balance-row"> <div className="balance-col currency">{d.currency.toUpperCase()}</div> <div className="balance-col balance"> <div> <FormattedNumber value={d.balance} /> </div> <div className="light-text lock"> <i className="icon anticon icon-lock" /><FormattedNumber value={d.locked} /> </div> </div> </div> ))} react 里面经常这么写。 const value = [1, 22, 4, 5].map(d => d + 1); value; // [2, 23, 5, 6]

1.package.json==>npm init node_modules==>npm install webpack -D webpack.config.js==>创建配置文件 新建public 新建src src里新建index.html,index.js src里新建js文件夹，js文件夹下简历01.js 如图： 函数-默认值-箭头函数 js ...test参数 { function fn(...test) { console.log(test) } fn(1, 2, 3, 4, 5, 6, 7) } 结果： (7) [1, 2, 3, 4, 5, 6, 7] //箭头函数 （参数，参数）=>{ } 不能new this指向 没有arguments { // 第一种箭头函数 let fn = v => v; console.log(fn(10)); //等同于第二种声明函数 let fn1 = function(v) { return v; } console.log(fn1(20)) } 数组的扩展 运算符 （...test） 方法 Array.from(); 把一个看起来类似于数组的对象，转成真正的数组 例子： { let span = document.getElementsByTagName("span"); console.log(typeof(span)); /

1. for 循环 原生JS最基本的使用： for (var i=0;i<cars.length;i++) { ..... } for - 循环代码块一定的次数 2. for in for/in - 循环遍历对象的属性 以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行 var obj = {a:1, b:2, c:3}; for (var prop in obj) { console.log("obj." + prop + " = " + obj[prop]); // for (variable in object) {...} // variable // 在每次迭代时,将不同的属性名分配给变量。 // object // 被迭代其枚举属性的对象。 for…in 不应该被用来迭代一个下标顺序很重要的 Array . let array2 = ['a','b','c'] let obj1 = { name : 'lei', age : '16' } for(variable in array2){ //variable 为 index console.log(variable ) //0 1 2 } for(variable in obj1){ //variable 为属性名 console.log(variable) //name age } 3.

jQueryt静态方法详解 ==> each 　　　　　　　　　 ==> map 一，each方法 　　注：为了更好的展示，首先创建一个数组和一个对象 (let 与 arr 区别详解见 笔记 （3）) 1 let arr = [1, 3, 5 ,7, 9]; 2 3 let obj = { 4 0:1, 5 2:3, 6 3:5, 7 4:7, 8 length:4, 9 }; 　　对于原生JS，each方法只适合遍历数组，而不适合遍历伪数组（伪数组详解见笔记（1）） 　　代码示例 1 arr.forEach(function (value, index){ 2 console.log(index, value) 3 }) 4 5 obj.forEach(function (value, index){ 6 console.log(index, value) 7 }) 　　结果： 　　说明 　　　forEach方法的第一个参数为遍历到的元素，第二个参数为当前遍历的索引 　　　原生JS的forEach方法只能遍历数组，而不能遍历伪数组 　　对于jQuery，each方法既适合遍历数组，也适合遍历伪数组 　　代码示例 $.each(arr, function (index, value){ console.log(index, value); }) $.each(obj,

原生js遍历json对象 遍历json对象： 无规律： <script> var json = [ 　　{dd:'SB',AA:'东东',re1:123}, 　　{cccc:'dd',lk:'1qw'} ]; for(var i=0,l=json.length;i<l;i++){ 　　for(var key in json[i]){ 　　　　alert(key+':'+json[i][key]); 　　} } </script> 有规律： packJson = [ {"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"} ]; for(var p in packJson){//遍历json数组时，这么写p为索引，0,1 alert(packJson[p].name + " " + packJson[p].password); } 也可以用这个： for(var i = 0; i < packJson.length; i++){ alert(packJson[i].name + " " + packJson[i].password); } 遍历json对象 myJson = {"name":"caibaojian", "password":"1111"}; for(var p in myJson)

页面载入事件 让js先加载整个页面，然后处理相关的标签就可以识别的到 方式一： $(document).ready(匿函）； 方式二，简写，推荐： $(匿函)； 显示与隐藏 对象.方法（豪秒数） 》基本显示与隐藏 show hide toggle 》滑动 slideDown slideUp slideToggle 》淡入淡出 fadeIn fadeOut fadeTo fadeToggle fadeTo补充说明 fadeTo（豪秒数，透明度） 遍历循环 以前遍历一个数组 使用each方法来遍历 jq对象.each（匿函） 匿函中不传参数 匿函中可使用变量this this就是dom对象（因为jquery对象就是dom对象的容器啊） this是遍历出来的每一个元素 它是一个dom元素 小结 each可以作为对象的方法来进行遍历 》 each的另外的用法 $.each（对象， 匿函） 如果匿函有一个参数，那它就是值。如果匿函有两个参数。参一是索引，参二是值。 如果匿函有两个参数，参一是键或索引，参二是值 试一试，对字典态的对象进行遍历，传一参，传两个参，看看效果。 来源： https://blog.csdn.net/ifubing/article/details/99674463

第 4 章数据结构 所谓数据结构，就是计算机存储和组织数据的方式。说得通俗一点，主要就是指将数据以什么样 的结构存储到计算机里面。在程序里面，最为常见的数据结构，就是数组，这种结构将多个数据 有序的排列在一起，形成了一个组合。除了数组以外，集合，映射等 ES6 新增加的数据结构，也 会在本章中向大家详细介绍。 本章中我们将学习如下的内容： ・数组基础知识 ・数组相关属性和方法 ・集合 ・映射 4-1 数组基础 数组是大多数语言里面最常见的一种数据结构，它是一个有序的值列表。 4-1-1 创建数组 创建数组的方式大致可以分为两种：字面量创建数组和使用构造函数创建数组。示例如下： 字面量创建数组 let arr = []; 构造函数创建数组 let arr = new Array(); 需要注意的是，无论是字面量形式创建的数组，还是构造函数创建的数组，当我们使 用typeof来打印其数据类型的时候，都会返回一个object，如下： let arr1 = []; let arr2 = new Array(); console.log( typeof arr1); //object 4-1-2 数组赋值 给数组赋值的方法也非常简单，不过可以分为先声明再赋值和声明时直接赋值，如下： 先声明再赋值 let arr = []; arr[0] = 1; arr[1] = 2; arr[2] = 3