js数组遍历、对象遍历、字符串遍历

男娘i 2022-10-02 00:49 248阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

# 数组遍历 #

*  **for** \--使用变量将数组长度缓存起来，在数组较长时性能优化效果明显

for(var i=0,len=arr.length;i<len;i++){
    	console.log("元素："+arr[i]);
    }

*  **forEach** \--ES5语法，对数组的每个元素执行一次提供的函数，不能使用break、return

arr.forEach(function(item,index,arr){
    	console.log("元素："+item+" 索引："+index+" 整个数组："+arr);
    })

*  **map** \--ES5语法，创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果

arr.map(function(val,index){
    	console.log("元素："+val+" 索引："+index);
    	return val*val;
    })

*  **for...of** \--ES6语法，可以遍历Array、Set、Map、String、TypedArray、arguments等可迭代对象，可以使用break、continue

for(let item of arr){
    	console.log("元素："+item);
    }

# 对象遍历 #

*  **for...in** \--以任意顺序遍历一个对象自有的、继承的、可枚举的、非Symbol的属性，对于每个不同的属性，语句都会被执行

for(var key in obj){
    	console.log("属性："+key+" 值："+obj[key]);
    }

*  **Object.keys()** \--返回一个由一个给定对象的自身可枚举**属性**组成的数组，数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致

Object.keys(obj);

*  **Object.values()** \--返回一个给定对象自身的所有可枚举**属性值**的数组，值的顺序与使用for...in循环的顺序相同(区别在于 for-in 循环枚举原型链中的属性)

Object.values(obj);

*  **Object.getOwnPropertyNames()** \--返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的**属性**）组成的数组

Object.getOwnPropertyNames(obj);

# 字符串遍历 #

*  **for...of** \--ES6语法，可以遍历Array、Set、Map、String、TypedArray、arguments等可迭代对象，可以使用break、continue

for(let char of string){
    	console.log("字符："+char);
    }

转载于:https://my.oschina.net/u/3986435/blog/3039936

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/735a167a43ba42ff9c42732690ea137c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，248人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 数组&对象遍历

遍历对象 1. for…in循环 var site = { name: 'baidu', url: 'https://...

太过爱你忘了你带给我的痛/ 2024年04月18日 23:12/ 0 赞/ 8 阅读

相关数组遍历VS对象遍历

数组遍历 const nameArray2 = ['zhao', 'qian', 'zhang', 'sun', 'li']; nameArray2.map(

拼搏现实的明天。/ 2022年10月15日 07:58/ 0 赞/ 204 阅读

相关 js数组遍历、对象遍历、字符串遍历

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 数组遍历 for \--使用变量将数组长度缓

男娘i/ 2022年10月02日 00:49/ 0 赞/ 249 阅读

相关 java遍历之数组遍历,list遍历,set遍历,map遍历，stream遍历,Enumeration遍历

1.\_遍历方式其实遍历的就两种,对象和数组.只是哪个遍历适用于哪个而已 1. for 2. for增强 3. foreach 4. 迭代(Iterable)

迈不过友情╰/ 2022年09月11日 06:19/ 0 赞/ 262 阅读

相关 js数组遍历

js里面，数组遍历有很多种方式。经典版： for (var index = 0; index < myArray.length; index++) {

野性酷女/ 2022年08月19日 14:15/ 0 赞/ 213 阅读

相关 js数组遍历和对象遍历

[http://www.cnblogs.com/yizhilin/p/7344675.html][http_www.cnblogs.com_yizhilin_p_7344675

傷城~/ 2022年03月16日 02:36/ 0 赞/ 313 阅读

相关数组遍历。对象遍历。字符串遍历

数组遍历 for for(var i=0;i<arr.length;i++)\{ ...... \} forEach arr.forEach(

墨蓝/ 2021年11月29日 13:48/ 0 赞/ 483 阅读

相关对象遍历（对象forEach遍历）

对象遍历（对象forEach遍历）对象遍历对象fon in 遍历对象keys 遍历对象

àì夳堔傛蜴生んèń/ 2021年10月06日 18:48/ 0 赞/ 497 阅读

相关 js数组遍历

<p id="demo"></p> <script> var txt = ""; var list = [{

曾经终败给现在/ 2021年09月30日 23:46/ 0 赞/ 427 阅读

相关 js数组遍历和对象遍历

针对js各种遍历作一个总结分析，从类型用处：分数组遍历和对象遍历；还有性能，优缺点等。 JS数组遍历： 1，普通for循环，经常用的数组遍历 var a

曾经终败给现在/ 2021年07月26日 22:57/ 0 赞/ 594 阅读