Hướng dẫn can you loop through an array in javascript? - bạn có thể lặp qua một mảng trong javascript không?

Có, giả sử triển khai của bạn bao gồm tính năng ____ 10 ...________ 11 được giới thiệu trong Ecmascript 2015 (bản phát hành "Harmony") ... đây là một giả định khá an toàn trong những ngày này.

Nó hoạt động như thế này:

// REQUIRES ECMASCRIPT 2015+
var s, myStringArray = ["Hello", "World"];
for (s of myStringArray) {
  // ... do something with s ...
}

Hoặc tốt hơn nữa, vì ECMAScript 2015 cũng cung cấp các biến số khối:

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

(Biến

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

Một ghi chú trên các mảng thưa thớt: một mảng trong JavaScript có thể không thực sự lưu trữ nhiều mục như được báo cáo bởi

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

> a
[ <12 empty items>, 1 ]
> a[0]
undefined
> a[0]=undefined
undefined
> a
[ undefined, <11 empty items>, 1 ]

Vì vậy, khi bạn muốn "lặp qua" một mảng, bạn có một câu hỏi để trả lời: Bạn có muốn lặp qua toàn bộ phạm vi được chỉ ra bởi độ dài và xử lý của nó hiện nay? Có rất nhiều ứng dụng cho cả hai phương pháp; Nó chỉ phụ thuộc vào những gì bạn đang sử dụng mảng cho.

Nếu bạn lặp lại trên một mảng với ________ 10 ..________ 11, phần thân của vòng lặp được thực thi

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

Tất nhiên, một số nhà phát triển không có lựa chọn nào khác ngoài việc sử dụng một cách tiếp cận khác, bởi vì vì bất kỳ lý do gì, họ đang nhắm mục tiêu một phiên bản JavaScript chưa hỗ trợ ____ 10 ...________ 11.

Miễn là việc triển khai JavaScript của bạn tuân thủ phiên bản trước của đặc tả ECMAscript (ví dụ, quy định, các phiên bản của Internet Explorer trước 9), thì bạn có thể sử dụng phương thức ingerator

> a
[ <12 empty items>, 1 ]
> a[0]
undefined
> a[0]=undefined
undefined
> a
[ undefined, <11 empty items>, 1 ]

var myStringArray = [ "Hello", "World" ];
myStringArray.forEach( function(s) { 
     // ... do something with s ...
} );

Tất nhiên bạn có thể sử dụng chức năng mũi tên nếu triển khai của bạn hỗ trợ ES6+:

myStringArray.forEach( s => { 
     // ... do something with s ...
} );

Không giống như ________ 10 ...________ 11,

> a
[ <12 empty items>, 1 ]
> a[0]
undefined
> a[0]=undefined
undefined
> a
[ undefined, <11 empty items>, 1 ]

> a
[ <12 empty items>, 1 ]
> a[0]
undefined
> a[0]=undefined
undefined
> a
[ undefined, <11 empty items>, 1 ]

Tùy chọn cuối cùng, hoạt động trong tất cả các phiên bản của JavaScript, là một vòng đếm rõ ràng. Bạn chỉ cần đếm từ 0 đến một đến một so với chiều dài và sử dụng bộ đếm làm chỉ mục. Vòng lặp cơ bản trông như thế này:

var i, s, myStringArray = [ "Hello", "World" ], len = myStringArray.length;
for (i=0; i

Một lợi thế của phương pháp này là bạn có thể chọn cách xử lý các mảng thưa thớt. Mã trên sẽ chạy phần thân của vòng lặp toàn bộ

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

> a
[ <12 empty items>, 1 ]
> a[0]
undefined
> a[0]=undefined
undefined
> a
[ undefined, <11 empty items>, 1 ]

var myStringArray = [ "Hello", "World" ];
myStringArray.forEach( function(s) { 
     // ... do something with s ...
} );

var i, s, myStringArray = [ "Hello", "World" ], len = myStringArray.length;
for (i=0; i

var myStringArray = [ "Hello", "World" ];
myStringArray.forEach( function(s) { 
     // ... do something with s ...
} );

var i, len, myStringArray = [ "Hello", "World" ];
for (len = myStringArray.length, i=0; i

myStringArray.forEach( s => { 
     // ... do something with s ...
} );

myStringArray.forEach( (s,i) => {
   // ... do something with s and i ...
});

myStringArray.forEach( s => { 
     // ... do something with s ...
} );

for (const [i, s] of myStringArray.entries()) {
  // ... do something with s and i ...
}

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here