Hãy trở thành chuyên gia lập trình với 18 bước JavaScript One-Liners

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

Nếu bạn biết về XSS thì một trong những giải pháp là thoát khỏi chuỗi HTML.

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[m]))escape('<div class="medium">Hi Medium.</div>') 
// &lt;div class=&quot;medium&quot;&gt;Hi Medium.&lt;/div&gt

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

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

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

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 

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 

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 

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ẻ 

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ố 

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

const Average = (... args) => args.reduce ((a, b) => a + b) / args.length;trung bình (1, 2, 3, 4, 5);   // 3

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

const round = (n, d) => Number(Math.round(n + "e" + d) + "e-" + d)round(1.005, 2) //1.01
round(1.555, 2) //1.56

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

const diffDays = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24));diffDays(new Date("2021-11-3"), new Date("2022-2-1"))  // 90

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

const dayOfYear = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / (1000 * 60 * 60 * 24))dayOfYear(new Date()) // 74

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

const randomColor = () => `#${Math.random().toString(16).slice(2, 8).padEnd(6, '0')}`randomColor() // #9dae4f
randomColor() // #6ef10e

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

const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)rgbToHex(255, 255, 255)  // '#ffffff'

16.# Xóa tất cả cookie Clear all cookies

const clearCookies = () => document.cookie.split(';').forEach((c) => (document.cookie = c.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date().toUTCString()};path=/`)))

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches

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

[foo, bar] = [bar, foo]

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

const pause = (millis) => new Promise(resolve => setTimeout(resolve, millis))const fn = async () => {
  await pause(1000)  console.log('fatfish') // 1s later
}
fn()

• Class trong JavaScript
• 15 Array Method của JavaScript cần phải biết vào năm 2022