日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間:2025/4/5 编程问答 25 豆豆
生活随笔 收集整理的這篇文章主要介紹了 js数组遍历、对象遍历、字符串遍历 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

2019獨角獸企業重金招聘Python工程師標準>>>

數組遍歷

  • 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

總結

以上是生活随笔為你收集整理的js数组遍历、对象遍历、字符串遍历的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。