JavaScript cho … of Loop – sử dụng trong js

Trong hướng dẫn này, bạn sẽ tìm hiểu về vòng lặp for … of JavaScript với sự trợ giúp của các ví dụ.

Bạn đang xem : sử dụng trong js

Trong JavaScript, có ba cách chúng ta có thể sử dụng cho vòng lặp.

Vòng lặp for ... of đã được giới thiệu trong các phiên bản sau của JavaScript ES6 .

Vòng lặp for..of trong JavaScript cho phép bạn lặp qua các đối tượng có thể lặp lại (mảng, tập hợp, bản đồ, chuỗi, v.v.).

JavaScript for … of loop

Cú pháp của vòng lặp for ... of là:

 for (phần tử có thể lặp lại) {
    // phần thân của for ... of
}  

Đây,

  • có thể lặp lại – một đối tượng có thể lặp lại (mảng, tập hợp, chuỗi, v.v.).
  • phần tử – các mục trong có thể lặp lại

Bằng tiếng Anh đơn giản, bạn có thể đọc đoạn mã trên dưới dạng: đối với mọi phần tử trong vòng lặp có thể lặp lại, hãy chạy phần nội dung của vòng lặp.

for … of with Arrays

Vòng lặp for..of có thể được sử dụng để lặp qua mảng . Ví dụ:

 // mảng
const sinh viên = ['John', 'Sara', 'Jack'];

// sử dụng cho ... of
for (phần tử let của sinh viên) {

    // hiển thị các giá trị
    console.log (phần tử);
}  

Đầu ra

John
Sara
Jack 

Trong chương trình trên, vòng lặp for ... of được sử dụng để lặp lại đối tượng mảng sinh viên và hiển thị tất cả các giá trị của nó.

for … of with Strings

Bạn có thể sử dụng vòng lặp for ... of để lặp lại các giá trị chuỗi . Ví dụ:

 // chuỗi
const string = 'mã';

// sử dụng vòng lặp for ... of
for (let i of string) {
    console.log (i);
}  

Đầu ra

c
o
d
đ 

for … of with Sets

Bạn có thể lặp qua các phần tử Đặt bằng cách sử dụng vòng lặp for ... of . Ví dụ:

 // xác định Tập hợp
const set = new Set ([1, 2, 3]);

// lặp qua Set
for (let i of set) {
    console.log (i);
}  

Đầu ra

1
2
3 

cho … trong tổng số với Maps

Bạn có thể lặp lại các phần tử của Bản đồ bằng cách sử dụng vòng lặp for ... of . Ví dụ:

 // xác định Bản đồ
let map = new Map ();

// chèn các phần tử
map.set ('tên', 'Jack');
map.set ('tuổi', '27');

// lặp qua Bản đồ
for (let [key, value] of map) {
    console.log (key + '-' + value);
}  

Đầu ra

tên- Jack
tuổi- 27 

Trình lặp do người dùng xác định

Bạn có thể tạo trình vòng lặp theo cách thủ công và sử dụng vòng lặp for ... of để lặp lại qua trình vòng lặp . Ví dụ:

 // tạo đối tượng có thể lặp lại
const iterableObj = {

    // phương thức trình lặp
    [Symbol.iterator] () {
        để bước = 0;
        trở về {
            tiếp theo() {
                bước ++;
                nếu (bước === 1) {
                    return {value: '1', done: false};
                 }
                khác nếu (bước === 2) {
                    return {value: '2', done: false};
                }
                khác nếu (bước === 3) {
                    return {value: '3', done: false};
                }
                return {value: '', done: true};
            }
        }
    }
}

// lặp lại bằng cách sử dụng for ... of
for (const i of iterableObj) {
 console.log (i);
}  

Đầu ra

1
2
3 

cho … trong tổng số với Trình tạo

Vì trình tạo là trình lặp, bạn có thể triển khai trình lặp theo cách dễ dàng hơn. Sau đó, bạn có thể lặp lại qua trình tạo bằng vòng lặp for ... of . Ví dụ:

 // hàm tạo
function *vatorFunc () {
  
    năng suất 10;
    năng suất 20;
    năng suất 30;
}

const obj =vatorFunc ();

// lặp qua trình tạo
for (cho giá trị của obj) {
    console.log (giá trị);
}  

Đầu ra

10
20
30 

for … of Vs for … in

cho … trong số
tại
Vòng lặp for ... of được sử dụng để lặp qua các giá trị của một vòng lặp có thể lặp lại.
Vòng lặp for ... in được sử dụng để lặp qua các khóa của một đối tượng.
Vòng lặp for ... of không thể được sử dụng để lặp qua một đối tượng.
Bạn có thể sử dụng for ... in để lặp lại các mảng và chuỗi có thể lặp lại như vậy nhưng bạn nên tránh sử dụng for ... in cho các chuỗi lặp.

Xem Thêm  WYSIWYG trực tuyến miễn phí - trình chỉnh sửa mã trực tuyến miễn phí

cho ... củaVòng lặp đã được giới thiệu trong ES6 . Một số trình duyệt có thể không hỗ trợ việc sử dụng nó. Để tìm hiểu thêm, hãy truy cập JavaScript for … of Support .


Xem thêm những thông tin liên quan đến chủ đề sử dụng trong js

Sử dụng JS trong file HTML

  • Tác giả: F8 Official
  • Ngày đăng: 2020-01-08
  • Đánh giá: 4 ⭐ ( 4202 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 👉 Link đặt mua áo Polo F8: https://forms.gle/rff9K64GsSiANRzj6

    Tham gia các khóa học MIỄN PHÍ tại F8 tại đây nhé (đã quyết định theo thì hãy cố gắng đến cùng):
    1. Kiến thức & cái nhìn tổng quan về ngành: https://fullstack.edu.vn/courses/lessons-for-newbie
    2. Code giao diện trang web với HTML, CSS: https://fullstack.edu.vn/courses/html-css
    3. Xử lý hiển thị tốt giao diện trên nhiều thiết bị khác nhau (responsive): https://fullstack.edu.vn/courses/responsive-web-design
    4. Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/javascript-co-ban
    5. Lập trình Javascript nâng cao: https://fullstack.edu.vn/courses/javascript-nang-cao
    6. Lập trình Backend với Node & ExpressJS: https://fullstack.edu.vn/courses/nodejs

Các cách sử dụng Javascript trong trang web

  • Tác giả: nentang.vn
  • Đánh giá: 3 ⭐ ( 4616 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các cách sử dụng Javascript trong trang web.Cung cấp các kiến thức Nền tảng, cơ bản về Lập trình, Lập trình web, Lập trình di động, Cơ sở dữ liệu, Học web, học web cần thơ, đồ án mẫu, bài tập thực hành web…

Sử dụng Javascript trong HTML

  • Tác giả: vietjack.com
  • Đánh giá: 3 ⭐ ( 8946 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sử dụng Javascript trong HTML – Học HTML cơ bản và nâng cao theo các bước đơn giản và dễ hiểu từ HTML là gì, Tag trong HTML, HTML tag, thẻ trong HTML, tổng hợp các thẻ HTML cơ bản, thẻ meta, thuộc tính, định dạng, thẻ trong HTML, commemnt, font, marquee, hình ảnh, link, bảng, frame, danh sách, layout, màu, form, background, style sheet, và sử dụng javascript.

Toán tử trong JavaScript

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 5 ⭐ ( 9458 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài hướng dẫn tự học về Javascript này, bạn sẽ tìm hiểu làm thế nào để điều khiển hoặc thực hiện các hoạt động trên biến và giá trị bằng cách sử dụng Toán tử.   Toán tử trong Javascript là gì?   Toán tử là các ký hiệu hoặc từ khóa báo cho JavaScript Engine thực hiện một số loại hành động cụ thể.   Ví dụ: Ký

Sử dụng Javascript trong HTML

  • Tác giả: viettuts.vn
  • Đánh giá: 4 ⭐ ( 2226 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Một script là một phần nhỏ trong chương trình mà có thể thêm khả năng tương tác cho trang web của bạn. Ví dụ, một script sẽ tạo ra một hộp cảnh báo pop-up hoặc cung cấp một dropdown menu.

Function trong Javascript – cách tạo hàm và gọi hàm trong JS

  • Tác giả: mylop.edu.vn
  • Đánh giá: 3 ⭐ ( 7476 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài này chúng ta sẽ tìm hiểu function trong Javascript. Function hay còn gọi là hàm, được sử dụng rất nhiều khi làm việc với Javascript.

Sử dụng Javascript trong HTML

  • Tác giả: hoclaptrinh.vn
  • Đánh giá: 3 ⭐ ( 5241 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sử dụng Javascript trong HTML. Một script là một phần nhỏ trong chương trình mà có thể thêm khả năng tương tác cho trang web của bạn.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Làm việc với các giá trị SQL NULL - cách chuyển giá trị null trong truy vấn sql