Hướng dẫn về JavaScript forEach (). Ở đây chúng ta thảo luận về Giới thiệu về JavaScript forEach (), Cú pháp, Cách thức hoạt động, các ví dụ với mã và kết quả đầu ra.

Bạn đang xem : javascript cho từng chức năng

JavaScript forEach ()

Giới thiệu về JavaScript forEach ()

JavaScript forEach () liên quan đến việc thực thi một hàm trên mỗi phần tử của mảng, có nghĩa là đối với mỗi phương thức () chỉ liên quan đến các phần tử được xác định trong một mảng. Điều này chỉ có thể được sử dụng trên Bản đồ, Mảng và tập hợp đại diện cho một thực tế khác là các phần tử phải được sắp xếp theo một thứ tự cụ thể để thực hiện một số hoạt động. Bất cứ khi nào một phương thức for each () được thực thi, nó được liên kết với hàm gọi lại sẽ được thực thi trên mỗi phần tử có trong cấu trúc dữ liệu có thứ tự như Bản đồ, Mảng và Bộ.

Cú pháp

Cấu trúc dữ liệu có thứ tự (hàm gọi lại () (giá trị hiện tại [, chỉ mục [, cấu trúc dữ liệu]]) [, thisArg])
arr.forEach (gọi lại (giá_trị_của_ngày [, chỉ mục [, mảng]]) [, thisArg])
map.forEach (callback (present_value [, index [, map]]) [, thisArg])

Bắt đầu Miễn phí Khóa học phát triển phần mềm

Phát triển web, ngôn ngữ lập trình, Kiểm tra phần mềm & amp; những người khác

Giải thích:

  • callback – callback ở đây đại diện cho hàm quan trọng nhất để thực thi trên mỗi phần tử của cấu trúc dữ liệu tại thời điểm gọi phương thức forEach.
  • current_value – giá trị hiện tại ở đây đề cập đến phần tử hiện tại sẽ được xử lý trong mảng các phần tử.
  • Chỉ mục – đại diện cho giá trị hiện tại trong mảng.
  • cấu trúc dữ liệu – cấu trúc dữ liệu ở đây đại diện cho cấu trúc dữ liệu như mảng, bản đồ hoặc tập hợp loại cấu trúc dữ liệu có thứ tự được sử dụng để dễ dàng duyệt và truy cập các phần tử.
  • thisArg – nó đại diện cho tham số được sử dụng trong khi thực thi hàm gọi lại trong khi sử dụng đối số này tại thời điểm truyền tham số.

Loại trả về cho hàm forEach () không được xác định.

Phương thức forEach () hoạt động như thế nào trong JavaScript?

Phương thức forEach () trong JavaScript chủ yếu được liên kết với một số loại cấu trúc dữ liệu có thứ tự như mảng, bản đồ và tập hợp. Do đó, hoạt động của nó phụ thuộc vào việc gọi phương thức forEach () với hàm gọi lại. Hàm gọi lại phụ thuộc vào lệnh gọi của mỗi phương thức forEach khi nó được gọi cho mỗi phần tử trong một mảng theo một số thứ tự tăng dần. Nó không bao giờ nhận được lệnh gọi cho một số thuộc tính chỉ mục chưa xác định, chưa được khởi tạo hoặc đã xóa.

Xem Thêm  Biểu thức và toán tử - JavaScript - $ có nghĩa là gì trong javascript

Ngoài ra, hàm gọi lại được gọi với ba tham số:

  • Giá trị hiện tại của phần tử được truy cập
  • Chỉ mục của phần tử được xác định trong cấu trúc dữ liệu có thứ tự như mảng, bản đồ hoặc tập hợp.
  • Truyền đối tượng có trong cấu trúc dữ liệu như mảng, bản đồ hoặc tập hợp.

Bây giờ, trong trường hợp tham số thisArg được quyết định chuyển trong cấu trúc dữ liệu được xác định như vậy thì tham số này sẽ được sử dụng làm hàm này của hàm gọi lại. Hành vi của thisArg giống như hành vi khác, như được thấy bởi các chức năng khác của phương thức. Ngoài ra, nó cuối cùng có thể quan sát được bằng lệnh gọi lại được xác định bởi giá trị này tương ứng. Phạm vi của các phần tử được xác định trong cấu trúc dữ liệu được quyết định và cố định trước khi xử lý bằng phương thức forEach () và sau đó nó sẽ được sử dụng làm lệnh gọi lại của hàm này. Do đó, các phần tử sẽ được xác định và cố định sau khi gọi phương thức forEach () sẽ không được gọi hoặc truy cập bởi hàm gọi lại để gọi.

Nếu trong trường hợp các phần tử bị xóa sau khi lệnh gọi lại thực hiện phân tích cú pháp có nghĩa là nếu bất kỳ thao tác xóa nào được thực hiện sau khi duyệt trên phần tử sau khi hàm gọi lại được gọi, thì giá trị đó sẽ được chuyển cho hàm forEach () để sử dụng. . Một trường hợp khác, giả sử các phần tử đã được truy cập bị loại bỏ trong quá trình lặp lại và duyệt qua thì các phần tử sau đó sẽ bị bỏ qua. Phần tử này đang có kế hoạch thực hiện thêm hàm gọi lại.

Không giống như cấu trúc dữ liệu bản đồ, phương thức forEach () không có bất kỳ kiểu trả về nào và nó không có khả năng giảm và dừng chức năng của mảng. Phương thức forEach () không sao chép và nhân lên mảng mà nó được gọi nhưng nếu bạn muốn dừng hoặc phá vỡ vòng lặp của phương thức forEach () thì đó là một lựa chọn sai lầm. Phương thức forEach () luôn mong đợi một hàm đồng bộ và ngụ ý của việc sử dụng một hàm không đồng bộ là rất xấu và có thể dẫn đến kết quả kém.

Các ví dụ để triển khai forEach () trong JavaScript

Dưới đây là các ví dụ:

Xem Thêm  Mẹo và thủ thuật Visual Studio Code - eslint là gì

Ví dụ # 1

Chương trình này được viết để lấy tổng tất cả các giá trị trong mảng bằng phương thức forEach () trong JavaScript.

Mã:

& lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; p & gt; Tổng các số trong mảng. & Lt; / p & gt;
& lt; p id = "demo1" & gt; & lt; / p & gt;
& lt; script & gt;
var sumno = 0;
var numr = [20, 40, 10, 6];
numr.forEach (Funct1);
function Funct1 (item) {
sumno + = item;
document.getElementById ("demo1"). innerHTML = sumno;
}
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;

Đầu ra:

JavaScript forEach () 1

Ví dụ # 2

Chương trình này được viết cho mỗi phần tử trong mảng để cập nhật giá trị gấp tám lần giá trị thực.

Mã:

& lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; p & gt; Hãy xem xét từng phần tử trong mảng và nhân giá trị với 8 sau khi cập nhật giá trị: & lt; / p & gt;
& lt; p id = "demo3" & gt; & lt; / p & gt;
& lt; script & gt;
var numr = [80, 22, 18, 6];
numr.forEach (Function3)
hàm Function3 (phần tử, chỉ mục, arr) {
arr [index] = phần tử * 8;
}
document.getElementById ("demo3"). innerHTML = numr;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;

Đầu ra:

JavaScript forEach () 2

Ví dụ # 3

Chương trình này được sử dụng để minh họa hàm chuỗi con trong các phần tử bằng cách sử dụng phương thức forEach () của JavaScript.

Mã:

& lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; p & gt; Để biểu diễn hàm chuỗi con sử dụng hàm forEach () & lt; / p & gt;
& lt; script & gt;
hàm func2 () {
const mục = [10, 28, 15];
const copy = [];
items.forEach (function (item1) {
copy.push (item1 * item1);
});
document.write (bản sao);
}
func2 ();
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;

Đầu ra:

hàm phụ

Ví dụ # 4

Chương trình này được sử dụng để lấy một số mảng đã nhập bằng cách sử dụng phương thức call back và forEach () tương ứng để in tất cả các mảng đã nhập trong một lần.

Mã:

& lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; p & gt; Để biểu diễn mảng đã nhập hàm forEach () & lt; / p & gt;
& lt; script & gt;
const P = new Uint8Array ([5, 4, 9, 0])
const Q = new Uint8Array ([3, 7, 5, 8])
hàm gọi lại (elmnt, chỉ mục, mảng) {
document.write ('a [' + index + '] =' + elmnt + "& lt; br & gt;");
}
P.forEach (gọi lại);
Q.forEach (gọi lại);
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;

Đầu ra:

gọi lại và forEach ()

Lưu ý: forEach () phương thức cũng là trình duyệt tương thích cụ thể với google chrome và Firefox. Internet explorer không phải là trình duyệt được ưa thích nhiều trong trường hợp sử dụng phương thức forEach này vì nó cũng xử lý các mảng như cấu trúc dữ liệu.

Kết luận

Phương thức

forEach () được sử dụng với tham chiếu đến phân đoạn tham chiếu Mảng và chủ yếu được sử dụng với hàm gọi lại và đồng bộ hóa các phần tử trong khi truy cập và truy xuất các phần tử theo cách được sắp xếp để sử dụng thêm do đó không phù hợp chút nào với các phần tử được sắp xếp theo cách không đồng bộ.

Xem Thêm  Học SQL: Nối nhiều bảng - cách nối hai bảng trong sql

Các bài báo được đề xuất

Đây là hướng dẫn về JavaScript forEach (). Ở đây chúng ta thảo luận về việc giới thiệu JavaScript forEach (), Cú pháp, cách thức hoạt động, các ví dụ với mã và kết quả đầu ra. Bạn cũng có thể xem qua các bài viết liên quan khác của chúng tôi để tìm hiểu thêm –

0

Chia sẻ

Chia sẻ


Xem thêm những thông tin liên quan đến chủ đề javascript cho mỗi chức năng

JAVASCRIPT FOR BEGINNERS || PART-II

alt

  • Tác giả: Deepak sharma
  • Ngày đăng: 2022-06-22
  • Đánh giá: 4 ⭐ ( 1228 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In this lecture e learn about
    1- Add HTML Tags in Javascript.
    2- What is Comments?
    3- Types of Comments?
    4- How we apply comments?
    5- What is Variables?
    6- using Variable in JS program.

    Javascript part-1
    https://youtu.be/h6hV9J4Uxhw

Javascript là gì? Ưu thế sử dụng hiệu ứng Javascript cho web

  • Tác giả: arena.fpt.edu.vn
  • Đánh giá: 3 ⭐ ( 4589 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: hiệu ứng Javascript cho web tương tác với người dùng tạo rất tốt trên các web động, có thể coi như nó là 1 dạng ngôn ngữ hướng đối tượng.

Chức năng của JavaScript

  • Tác giả: blog.webico.vn
  • Đánh giá: 4 ⭐ ( 9612 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong JavaScript, bạn sẽ sử dụng các chức năng rất nhiều. Một chức năng (còn được biết đến như một phương pháp) là một phần tử chứa mã thực hiện một “chức năng” đặc biệt. Bạn có thể nhận ra một chức năng theo định dạng của nó – đó là một phần của văn bản […]

Những tính năng JavaScript hiện đại nên sử dụng hàng ngày, để giải quyết tốt(P1).

  • Tác giả: anonystick.com
  • Đánh giá: 5 ⭐ ( 1473 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Những chức năng giải quyết bài toán javascript một cách nhanh nhất.

Javascript: Lập trình chức năng(Functional Programming) là gì?

  • Tác giả: thaunguyen.com
  • Đánh giá: 5 ⭐ ( 8531 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Chức năng của JavaScript

  • Tác giả: july001.mywebsite.vn
  • Đánh giá: 5 ⭐ ( 7751 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

JavaScript để làm gì? Các chức năng của JavaScript – Blog

  • Tác giả: vn.got-it.ai
  • Đánh giá: 3 ⭐ ( 1177 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript là một ngôn ngôn ngữ lập trình rất phổ biến được sử dụng nhiều nhất trên thế giới. Vậy JavaScript dùng để làm gì? Đâu là những chức năng phổ biến nhất của ngôn ngữ này?

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

By ads_php