Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

JavaScript là một trong những ngôn ngữ phổ biến nhất với giới lập trình. Có rất nhiều tài liệu tham khảo trên internet điều đó không có nghĩa chúng ta bị ám ảnh vì phải liên tục cập nhật liên tục nhiều hơn nữa vào các cơ sở mã của mình, Chúng ta chỉ cần thêm tiện ích mà chúng ta có thể xây dựng lên.

Thời gian trước việc xóa bỏ các module npm left - pab đã mang lại sự xáo trộn một thời gian trên không gian mạng. Đó là tiện ích có thể xây dựng trong 1 dòng đơn giản. Trên thực tế nó đã có sẵn thông số kỹ thuật của ES7.

Vậy làm như thế nào chúng ta có thể thay đổi điều đó giúp nó không xảy ra? chung ta có nên tiếp tục tạo ra nó nữa hay không?

Câu trả lời là KHÔNG! chung ta cần phải khôn ngoan và ngăn chặn các thuộc tính phụ npm chung ta cần đánh giá xem các thuộc tính lib có tiện ích hay không. Việc mã hóa nó giúp chúng ta dễ dàng kiểm soát nhiều hơn và hiểu rõ hơn về những gì đang thực thi và mang lại.

Trong bài viết này HỌC VIỆN ĐÀO TẠO CNTT NIIT - ICT HÀ NỘI sẽ lấy các ví dụ về tiện ích của JavaScript đơn giản dễ xây dựng. Chỉ trong vài phút, bạn đã có thể nâng cao kiến ​​thức JS của mình.

Danh sách one-liners nâng cao kiến ​​thức về JavaScript

1. Tạo một chuỗi ngẫu nhiên (random string)

Chúng ta có thể sử dụng Math.random để tạo một chuỗi ngẫu nhiên, điều này rất thuận tiện khi chúng ta cần một ID duy nhất.

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const randomString = () => Math.random().toString(36).slice(2)randomString() // gi1qtdego0b randomString() // f3qixv40mot randomString() // eeelv1pm3ja

2.# Thoát các ký tự đặc biệt trong HTML

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

3.# Viết hoa ký tự đầu tiên của mỗi từ trong một chuỗi

Cách sau được sử dụng để viết hoa ký tự đầu tiên của mỗi từ trong một chuỗi.

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const uppercaseWords = (str) => str.replace(/^(.)|\s+(.)/g, (c) => c.toUpperCase())uppercaseWords('hello world'); // 'Hello World'

Cảm ơn Christopher Strolia-Davis vì đây là cách dễ dàng hơn mà anh ấy đưa ra.

const uppercaseWords = (str) => str.replace(/^(.)|\s+(.)/g, (c) => c.toUpperCase())

4.# Chuyển đổi một chuỗi thành camelCase

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const toCamelCase = (str) => str.trim().replace(/[-\s]+(.)?/g, (, c) => (c ? c.toUpperCase() : ''));toCamelCase('background-color'); // backgroundColor toCamelCase('-webkit-scrollbar-thumb'); // WebkitScrollbarThumb toCamelCase('hello_world'); // HelloWorld_ toCamelCase('hello_world'); // helloWorld

5.# Loại bỏ các giá trị trùng lặp trong một mảng

Loại bỏ các bản sao của mảng là rất cần thiết khiến sử dụng “Set” sẽ trở nên rất đơn giản.

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const removeDuplicates = (arr) => [...new Set(arr)]console.log(removeDuplicates([1, 2, 2, 3, 3, 4, 4, 5, 5, 6])) // [1, 2, 3, 4, 5, 6]

6.# Làm phẳng một mảng

Chúng tôi thường được kiểm tra trong các cuộc phỏng vấn, điều này có thể đạt được theo hai cách.

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const flat = (arr) =>

[].concat.apply(
    [],
    arr.map((a) => (Array.isArray(a) ? flat(a) : a))
)_// Or_
const flat = (arr) => arr.reduce((a, b) => (Array.isArray(b) ? [...a, ...flat(b)] : [...a, b]), [])flat(['cat', ['lion', 'tiger']]) // ['cat', 'lion', 'tiger']

7.# Xóa các giá trị giả khỏi mảng

Sử dụng phương pháp này, bạn sẽ có thể lọc ra tất cả các giá trị sai trong mảng.

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const removeFalsy = (arr) => arr.filter(Boolean)removeFalsy([0, 'a string', '', NaN, true, 5, undefined, 'another string', false]) // ['a string', true, 5, 'another string']

8.# Kiểm tra số chẵn lẻ

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

Nhiệm vụ siêu đơn giản có thể được giải quyết bằng cách sử dụng toán tử modulo (%).

const isEven = num => num % 2 === 0isEven(2) // true isEven(1) // false

9.# Lấy một số nguyên ngẫu nhiên giữa hai số

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

Phương pháp này được sử dụng để lấy một số nguyên ngẫu nhiên giữa hai số.

const random = (min, max) => Math.floor (Math.random () * (max - min + 1) + min)random (1, 50) // 25 random (1, 50) // 34

10#. Lấy giá trị trung bình của các đối số

Chúng ta có thể sử dụng phương thức Reduce để lấy giá trị trung bình của các đối số mà chúng ta cung cấp trong hàm này.

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

0

11.# Làm tròn số đến một dấu thập phân cố định

Sử dụng phương thức Math.pow (), chúng ta có thể làm tròn số đến một dấu thập phân nhất định mà chúng ta cung cấp trong hàm.

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

1

12.# Tính số ngày chênh lệch giữa hai giá trị ngày

Đôi khi chúng ta cần tính toán số ngày giữa hai ngày nào đó bằng một dòng mã.

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

2

13.# Biết thứ trong tuần từ một ngày nào đó

Bạn có muốn biết một ngày trong năm bất kì là thứ mấy không?

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

3

14.# Tạo một màu hex ngẫu nhiên

Chức năng này sẽ giúp bạn tạo một giá trị màu ngẫu nhiên.

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

4

15.# Chuyển đổi màu RGB thành hex Convert RGB color to hex

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

5

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

6

17.# Xác định chế độ tối

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

7

18.# Hoán đổi giá trị hai biến Swap two variables

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

8

19.# Tạm dừng vòng lặp

Giá trị trung bình 1 màu trong 1 ảnh js năm 2024

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": '&

39;' }[m]))escape('
Hi Medium.
')

//

Hi Medium.

9

Trên đây là tất cả thủ thuật one-line code mà chúng tôi chia sẻ hôm nay. Cảm ơn bạn đã đọc bài! Hãy trở thành chuyên gia lập trình với 18 bước JavaScript One-Liners.