1. 程式人生 > >JavaScript 之 "for"的衍生物件

JavaScript 之 "for"的衍生物件

JavaScript for/in 語句

作用:for/in 語句用於遍歷迴圈物件屬性。

迴圈中的程式碼每執行一次,就會對陣列的元素或者物件的屬性進行一次操作。

例子:

迴圈物件屬性:

1 var person = {fname:"A", lname:"B", age:20}; 
2 
3 var text = "";
4 var x;
5 for (x in person) {
6     text += person[x];
7 }

text 輸出結果為:

A B 20

JavaScript for/of 語句

作用:ES6中的for of可以相較於for更簡單地正確的遍歷陣列

例子:

1 Array.prototype.method=function(){
2   console.log(this.length);
3 }
4 var myArray=[1,2,4,5,6,7]
5 myArray.name="陣列";
6 for (var value of myArray) {
7   console.log(value);
8 }

 

JavaScript for each...in 語句

作用:一些物件的內建屬性是無法被遍歷到的,包括所有的內建方法,例如String物件的indexof方法.不過,大部分的使用者自定義屬性都是可遍歷的。

for each...in使用一個變數迭代一個物件的所有屬性值,對於每一個屬性值,有一個指定的語句塊被執行.

例子:

1 var sum = 0;
2 var obj = {prop1: 5, prop2: 13, prop3: 8};
3 
4 for each (var item in obj) {
5   sum += item;
6 }
7 
8 print(sum); // 輸出"26",也就是5+13+8的值