Hướng dẫn useful javascript functions for websites - các hàm javascript hữu ích cho các trang web

Mục lục

Giới thiệu

Nội dung chính Show

• Mục lục
• Giới thiệu
• Các chức năng hữu ích nhất của JavaScript
• Chức năng bản đồ
• Chức năng lọc
• Nó có mục đích tương tự như cho, trong khi và do-trong khi.
• Nó có mục đích tương tự như cho, trong khi và do-trong khi.
• Nó có mục đích tương tự như cho, trong khi và do-trong khi.
• Nó có mục đích tương tự như cho, trong khi và do-trong khi.
• Tôi có thể sử dụng JavaScript cho những gì trên trang web của mình?
• Chức năng nào là tốt nhất trong JavaScript?
• Những trang web nổi tiếng nào sử dụng JavaScript?
• Bạn có thể xây dựng các trang web với JavaScript không?

Các chức năng hữu ích nhất của JavaScript

➡ Hàm bản đồ

Chức năng lọc

Lời hứa

Async đang chờ đợi

Toán tử logic và ternary

📌 Cảm ơn bạn

Giới thiệu

Xin chào nhà phát triển tuyệt vời, trước khi đào sâu vào chủ đề này, hãy để tôi giới thiệu nhỏ và một số hướng dẫn. Đừng lo lắng nó sẽ nhanh chóng và sắc nét.

Tôi là một nhà phát triển Stack Das, một nhà phát triển đầy đủ hiện đang làm việc trên hai công ty khởi nghiệp. Tôi đã được phát triển web trong hai năm qua.Full Stack Developer currently working over two startups. I have been into web development for past two years.

Kết nối tôi trên 👉 LinkedIn

Hãy bắt đầu !

Các chức năng hữu ích nhất của JavaScript

Chức năng bản đồ

Chức năng MAP là một trong những chức năng được sử dụng nhiều nhất của các nhà phát triển web, chủ yếu là tất cả các khung JavaScript đều có việc sử dụng chức năng này tuyệt vời khi nói đến việc lặp lại thông qua một mảng. Nó trả về mảng cập nhật và bạn có thể lưu trữ như nhau. Hãy thảo luận về chức năng theo một cách rộng hơn bao gồm tất cả các cách để thực hiện nó.have a great use of this function when it comes to iterate through an Array. It returns the updated array and you can store the same. Let's discuss the function in a broader way including all the ways to implement it.

Đây là cấu trúc của hàm bản đồ -

Tôi nghĩ rằng chúng tôi hiện đang quen thuộc với cấu trúc của hàm bản đồ, vì vậy hãy thực hiện nó với một số ví dụ.

Examples::

const array1 = [1, 4, 9, 16];

//value for callback function
const map1 = Array.prototype.map.call(array1,
(x) => 
{return x * 2});

//without value of callback
const map2= array1.map(x => x*2);

Nhập chế độ FullScreenen EXIT Mode FullScreen

Output::

2
8
18
32

Nhập chế độ FullScreenen EXIT Mode FullScreen

Nó có mục đích tương tự như cho, trong khi và do-trong khi.

Chức năng lọc

Bạn có muốn lọc một số giá trị ra khỏi một mảng? Sau đó, chức năng này là một trong những bạn nên đi trước! Có nhiều trường hợp đang phát triển nơi chúng ta cần lấy một số giá trị cụ thể từ một mảng. Đây là nơi nó đi vào chơi.

Hàm bộ lọc được sử dụng với các mảng để tìm nạp một số giá trị từ mảng thỏa mãn một số điều kiện như lớn hơn 7 hoặc một cái gì đó. Loại trả về của hàm là mảng của các giá trị đó thỏa mãn điều kiện.

Hãy thảo luận về cấu trúc của chức năng bộ lọc -

Tôi nghĩ rằng chúng tôi hiện đang quen thuộc với cấu trúc của hàm bản đồ, vì vậy hãy thực hiện nó với một số ví dụ.

Examples::

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

//value for callback function
const updatearray = Array.prototype.filter.call(numbers,
(element) => {return element > 6});

//without value of callback
const updated = numbers.filter(element => element > 6);

Nhập chế độ FullScreenen EXIT Mode FullScreen

Output::

7
8
9
10

Nhập chế độ FullScreenen EXIT Mode FullScreen

Nó có mục đích tương tự như cho, trong khi và do-trong khi.

Chức năng lọc. The Promises have 3 stages namely Pending, Fulfilled, Rejected . To handle the requests without blocking the DOM , promises and async await are used.

Examples::

//example with fetch function of javascript
fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => console.log(json))
  .catch(err => console.log(err))

Nhập chế độ FullScreenen EXIT Mode FullScreen

Output::

{ 
  userId: 1, 
  id: 1, 
  title: "delectus aut autem", 
  completed: false 
}

Nhập chế độ FullScreenen EXIT Mode FullScreen

Nó có mục đích tương tự như cho, trong khi và do-trong khi.

Chức năng lọc
The bridge of then and catch is something that becomes problematic when there are 2-3 promises lined up based on the response of the earlier ones.

Bạn có muốn lọc một số giá trị ra khỏi một mảng? Sau đó, chức năng này là một trong những bạn nên đi trước! Có nhiều trường hợp đang phát triển nơi chúng ta cần lấy một số giá trị cụ thể từ một mảng. Đây là nơi nó đi vào chơi.

Hàm bộ lọc được sử dụng với các mảng để tìm nạp một số giá trị từ mảng thỏa mãn một số điều kiện như lớn hơn 7 hoặc một cái gì đó. Loại trả về của hàm là mảng của các giá trị đó thỏa mãn điều kiện.

Hãy thảo luận về cấu trúc của chức năng bộ lọc -

Examples::

//example with async and await function of javascript
async function sample () {
    try {
      const resp = await fetch("https://jsonplaceholder.typicode.com/todos/1");
      const data = await resp.json();
      console.log(data);
    }
    catch {
      (err) => {console.log(err)};
    }
}

Nhập chế độ FullScreenen EXIT Mode FullScreen

Output::

{ 
  userId: 1, 
  id: 1, 
  title: "delectus aut autem", 
  completed: false 
}

Nhập chế độ FullScreenen EXIT Mode FullScreen

Nó có mục đích tương tự như cho, trong khi và do-trong khi.

Chức năng lọc

Bạn có muốn lọc một số giá trị ra khỏi một mảng? Sau đó, chức năng này là một trong những bạn nên đi trước! Có nhiều trường hợp đang phát triển nơi chúng ta cần lấy một số giá trị cụ thể từ một mảng. Đây là nơi nó đi vào chơi.

Hàm bộ lọc được sử dụng với các mảng để tìm nạp một số giá trị từ mảng thỏa mãn một số điều kiện như lớn hơn 7 hoặc một cái gì đó. Loại trả về của hàm là mảng của các giá trị đó thỏa mãn điều kiện.

Hãy thảo luận về cấu trúc của chức năng bộ lọc -

Examples::

//example with ternary operator with true output
const value = ( 5 < 7 ) ? "True" : "False" ;

//example with ternary operator with false output
const value = ( 5 > 7 ) ? "True" : "False" ;

Nhập chế độ FullScreenen EXIT Mode FullScreen

Output::

True
False

Nhập chế độ FullScreenen EXIT Mode FullScreen

Nó có mục đích tương tự như cho, trong khi và do-trong khi.

Hãy thảo luận về cấu trúc của chức năng bộ lọc -

Examples::

2
8
18
32

Nhập chế độ FullScreenen EXIT Mode FullScreen

Output::

2
8
18
32

Nhập chế độ FullScreenen EXIT Mode FullScreen

Nó có mục đích tương tự như cho, trong khi và do-trong khi.

Chức năng lọc

Bạn có muốn lọc một số giá trị ra khỏi một mảng? Sau đó, chức năng này là một trong những bạn nên đi trước! Có nhiều trường hợp đang phát triển nơi chúng ta cần lấy một số giá trị cụ thể từ một mảng. Đây là nơi nó đi vào chơi.

Hàm bộ lọc được sử dụng với các mảng để tìm nạp một số giá trị từ mảng thỏa mãn một số điều kiện như lớn hơn 7 hoặc một cái gì đó. Loại trả về của hàm là mảng của các giá trị đó thỏa mãn điều kiện.

Hãy thảo luận về cấu trúc của chức năng bộ lọc -

Hứa hẹn

Tôi có thể sử dụng JavaScript cho những gì trên trang web của mình?

Chức năng nào là tốt nhất trong JavaScript?

Những trang web nổi tiếng nào sử dụng JavaScript?

Bạn có thể xây dựng các trang web với JavaScript không?