js中陣列 物件 字串的遍歷方式

一、傳統for迴圈（適用陣列、字串）

1、陣列

let myarr =

["yao"
,"feng"
,"zhang"
,"meng"
,"jiao"];
for(
let i =
0; i < myarr.length; i++
)// 0 "yao"
// 1 "feng"
// 2 "zhang"
// 3 "meng"
// 4 "jiao"

let str =

"yaofeng"
for(
let i =
0; i < str.length; i++
)// 0 "y"
// 1 "a"
// 2 "o"
// 3 "f"
// 4 "e"
// 5 "n"
// 6 "g"

1、陣列

let myarr =

["yao"
,"feng"
,"zhang"
,"meng"
,"jiao"];
for(
let index in myarr)
// 0 "yao"
// 1 "feng"
// 2 "zhang"
// 3 "meng"
// 4 "jiao"

let str =

"yaofeng"
for(
let index in str)
// 0 "y"
// 1 "a"
// 2 "o"
// 3 "f"
// 4 "e"
// 5 "n"
// 6 "g"

let myobj =

for(
let key in myobj)
// name yaofeng
// age 24
// height 175
// love mengjiao

1、陣列

let myarr =

["yao"
,"feng"
,"zhang"
,"meng"
,"jiao"];
for(
let item of myarr)
// yao
// feng
// zhang
// meng
// jiao

let str =

"yaofeng"
for(
let item of str)
// y
// a
// o
// f
// e
// n
// g

1、陣列

let myarr =

["yao"
,"feng"
,"zhang"
,"meng"
,"jiao"];
myarr.
foreach
((item, index, arr)
=>);
// yao 0 array(5)
// feng 1 array(5)
// zhang 2 array(5)
// meng 3 array(5)
// jiao 4 array(5)

1、陣列

let myarr =

["yao"
,"feng"
,"zhang"
,"meng"
,"jiao"];
let newarr = myarr.
map(
(item, index, arr)
=>);
console.
log(myarr, newarr)

總結總結來說:

1、for… in總是得到對像的key或陣列、字串的下標，而for… of和foreach一樣是直接得到值，且只適用於陣列

2、foreach不操作原陣列，純屬為了遍歷陣列；map也不操作原陣列，但是會返回乙個新陣列。

陣列的其他方法，如map等

JS遍歷字串 陣列 物件

陣列 let array 22 fe4 83 39,22 for let i 0 i array.length i 0 22 1 fe4 2 83 3 39 4 22陣列 let array 22 fe4 83 39,22 for let i in array 0 22 1 fe4 2 83 3 3...

js遍歷陣列 字串 物件的方法 二

然後介紹一下遍歷物件的方法 1.for.in 迴圈 取鍵名 以任意順序遍歷乙個物件的可列舉屬性，同時可以進行操作 2.建構函式object裡面自帶的方法object.keys 取jianming 不要問我得到這個陣列有什麼用，遍歷陣列的方法用起來，obj key 豈不是為所欲為 3.es6新增的ob...

JS中遍歷陣列 物件的方式

1.標準的for迴圈遍歷陣列 不列印自定義屬性和繼承屬性 var array 1,2,3 for var i 0 i array.length i 2.for in 遍歷物件 不要用for in遍歷陣列，因為還會列印自定義屬性和繼承屬性 一般常用來遍歷非陣列的物件並且使用hasownproperty...