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

Bạn đang xem : javascript cho tôi trong

Trong các hướng dẫn trước, chúng tôi đã đề cập đến:

Ngoài ra còn có các loại vòng lặp khác. Vòng lặp for..in trong JavaScript cho phép bạn lặp lại trên tất cả các khóa thuộc tính của một đối tượng.

JavaScript cho … trong vòng lặp

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

 for (key in object) {
    // phần thân của for ... in
}  

Trong mỗi lần lặp lại của vòng lặp, một khóa được gán cho biến khóa. Vòng lặp tiếp tục cho tất cả các thuộc tính đối tượng.

Lưu ý : Sau khi nhận được các khóa, bạn có thể dễ dàng tìm thấy các giá trị tương ứng của chúng.

Ví dụ 1: Lặp lại qua một đối tượng

 const student = {
    tên: 'Monica',
    lớp: 7,
    tuổi: 12
}

// sử dụng cho ... trong
for (để khóa sinh viên) {

    // hiển thị các thuộc tính
    console.log (`$ {key} = & gt; $ {student [key]}`);
}  

Đầu ra

tên = & gt; Monica
lớp = & gt; 7
tuổi = & gt; 12 

Trong chương trình trên, vòng lặp for ... in được sử dụng để lặp lại đối tượng student và in tất cả các thuộc tính của nó.

  • Khóa đối tượng được gán cho khóa biến.
  • student [key] được sử dụng để truy cập giá trị của khóa.

Ví dụ 2: Cập nhật giá trị của thuộc tính

 const lương = {
    Jack: 24000,
    Paul: 34000,
    Monica: 55000
}

// sử dụng cho ... trong
cho (để tôi trả lương) {

    // thêm ký hiệu tiền tệ
    để lương = "$" + lương [i];

    // hiển thị các giá trị
    console.log (`$ {i}: $ {lương}`);
}  

Đầu ra

Jack: $ 24000,
Paul: $ 34000,
Monica: $ 55000 

Trong ví dụ trên, vòng lặp for ... in được sử dụng để lặp lại các thuộc tính của đối tượng Luong . Sau đó, chuỗi $ được thêm vào từng giá trị của đối tượng.

Xem Thêm  Top 20 Laptop lập trình dành cho lập trình viên 2020 - các cấp độ lập trình viên

for … in with Strings

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

 const string = 'code';

// sử dụng vòng lặp for ... in
for (cho tôi trong chuỗi) {
    console.log (string [i]);
}  

Đầu ra

c
o
d
đ 

for … in with Arrays

Bạn cũng có thể sử dụng for ... in với các mảng. Ví dụ:

 // xác định mảng
const arr = ['xin chào', 1, 'JavaScript'];

// sử dụng vòng lặp for ... in
for (let x in arr) {
    console.log (arr [x]);
}  

Đầu ra

xin chào
1
JavaScript 

Bạn sẽ tìm hiểu thêm về các mảng trong các hướng dẫn sau.

Lưu ý : Bạn không nên sử dụng for ... in để lặp qua một mảng mà thứ tự chỉ mục là quan trọng.

Một trong những cách tốt hơn để lặp lại một mảng là sử dụng vòng lặp for ... of .

Để tìm hiểu thêm về vòng lặp for ... of , hãy truy cập JavaScript for … of loop .


Xem thêm những thông tin liên quan đến chủ đề javascript cho tôi trong

Quick JavaScript Challenge from Scrimba – Advent Calendar

  • Tác giả: codeSTACKr
  • Ngày đăng: 2020-12-01
  • Đánh giá: 4 ⭐ ( 6320 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Scrimba Advent Calendar: https://scrimba.com/learn/adventcalendar?utm_source=youtube&utm_medium=referral&utm_campaign=JSadvent_calendar&utm_content=jesse

    In today’s video, we are going to solve one of the Scrimba challenges.

    This challenge is part of their Advent Calendar. For 24 days, you’ll get a daily challenge that will help you level up your JavaScript skills.

    Every day, the challenges will gradually get harder. So by the end, you’ll be JavaScript masters.

    Click the link above to sign up. It’s completely free. And there are prizes!
    _____________________________________
    🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
    _____________________________________

    📚 FREE 7-Day Trial to Treehouse:
    Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
    _____________________________________

    🛠️ Tools I use:
    🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
    🟠 STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
    🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

    🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
    _____________________________________

    💖 Show support!
    PayPal: https://paypal.me/codeSTACKr
    _____________________________________

    👀 Watch Next:
    Web Development – Beginners Roadmap (2020) – https://youtu.be/iogabydg2y0
    Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
    _____________________________________

    🌐 Connect With Me:
    Website: https://www.codestackr.com
    Twitter: https://twitter.com/codeSTACKr
    Instagram: https://instagram.com/codeSTACKr
    Facebook: https://facebook.com/codeSTACKr
    _____________________________________

    ** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

    codeSTACKr JavaScript Challenge

10 tip tối ưu code trên JavaScript là gì mà các dev nên biết

  • Tác giả: topdev.vn
  • Đánh giá: 4 ⭐ ( 4811 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript là gì? Làm thế nào để tối ưu code khi coding bằng ngôn ngữ JavaScript? Bài viết này sẽ giới thiệu thêm về 10 tip hay ho này.

Javascript là gì? Những điều cơ bản nhất về Javascript

  • Tác giả: arena.fpt.edu.vn
  • Đánh giá: 5 ⭐ ( 2907 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Nếu bạn chưa biết thì Javascript là ngôn ngữ lập trình phổ biến nhất trên thế giới trong suốt 20 năm qua. Hãy cùng FPT Arena tìm hiểu chi tiết về Javascript nhé

[JavaScript] Clean Code JavaScript

  • Tác giả: viblo.asia
  • Đánh giá: 4 ⭐ ( 6752 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Nguồn Mình thấy bài viết hay quá nên đọc và viết lại, chủ yếu để mình và các bạn viết code có nguyên tắc, dễ đọc, dễ hiểu, dễ bảo trì và tái sử dụng code hơn, mình có tham khảo tại :

Làm thế nào để kích hoạt JavaScript trong Windows

  • Tác giả: support.microsoft.com
  • Đánh giá: 4 ⭐ ( 7275 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết này mô tả bước cho người dùng để cho phép tất cả các trang web trong vùng Internet để chạy JavaScript trong Internet Explorer, Chrome và Firefox.

Làm cách nào để bật / tắt JavaScript trong trình duyệt của tôi?

  • Tác giả: www.enablejavascript.io
  • Đánh giá: 5 ⭐ ( 5989 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách bật (kích hoạt)✅ JavaScript trong trình duyệt web của bạn và tại sao phải làm điều đó.

Hướng dẫn bật JavaScript trên trình duyệt

  • Tác giả: javascripton.com
  • Đánh giá: 5 ⭐ ( 5080 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chúng tôi giúp bạn bật lên JavaScript trong các trình duyệt, giúp cả khách truy cập website của bạn để có những trải nghiệm tuyệt vời nhất.

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  Khắc phục “upload file xml lỗi” hoặc “undefined” trên thuedientu - upload file xml lỗi

By ads_php