Tạo UUID ngẫu nhiên sử dụng javascript

Hàm javascript ngắn gọn giúp bạn tạo UUID ngẫu nhiên (random UUID) chỉ với 1 dòng code.

const uuid = (a) => (a ? (a ^ ((Math.random() * 16) >> (a / 4))).toString(16) : ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, uuid));

Cắt bỏ dấu gạch chéo ở đầu và cuối chuỗi trong Javascript

Hàm javascript helper (với typescript) ngắn gọn giúp cắt bỏ (trim) dấu gạch chéo (slash) ở đầu và cuối chuỗi chỉ với 1 dòng code.

const trimSlashes = (str) => str.replace(/^\/+|\/+$/g, '');

// Or
const trimSlashes = (str) => str.split('/').filter(Boolean).join('/');

const trimSlashes = (str: string): string => str.replace(/^\/+|\/+$/g, '');

// Or
const trimSlashes = (str: string): string => str.split('/').filter(Boolean).join('/');

trimSlashes('//hello/world///'); // hello/world

Viết hoa các chữ cái đầu mỗi từ trong chuỗi Javascript

Hàm javascript helper (với typescript) ngắn gọn giúp viết hoa (uppercase) các chữ cái đầu mỗi từ trong chuỗi (string) chỉ với 1 dòng code.

const uppercaseWords = (str) =>
    str
        .split(' ')
        .map((w) => `${w.charAt(0).toUpperCase()}${w.slice(1)}`)
        .join(' ');

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

const uppercaseWords = (str: string): string =>
    str
        .split(' ')
        .map((w) => `${w.charAt(0).toUpperCase()}${w.slice(1)}`)
        .join(' ');

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

uppercaseWords('hello world'); // 'Hello World'

Javascript so sánh hai ngày tháng (đối tượng Date)

Hàm javascript helper (với typescript) ngắn gọn giúp so sánh hai ngày tháng (đối tượng Date) với nhau chỉ với 1 dòng code.

// `a` and `b` are `Date` instances
const compare = (a, b) => a.getTime() > b.getTime();

const compare = (a: Date, b: Date): boolean => a.getTime() > b.getTime();

compare(new Date('2020-03-30'), new Date('2020-01-01')); // true

Javascript hàm lấy múi giờ (timezone) hiện tại

Hàm javascript helper (với typescript) ngắn gọn giúp lấy múi giờ (timezone) hiện tại chỉ với 1 dòng code.

const getTimezone = () => Intl.DateTimeFormat().resolvedOptions().timeZone;

const getTimezone = (): string => Intl.DateTimeFormat().resolvedOptions().timeZone;

Javascript đếm số lần xuất hiện của các thuộc tính của một mảng các đối tượng

Hàm javascript helper (với typescript) ngắn gọn giúp đếm số lần xuất hiện của các thuộc tính (properties) của một mảng (array) các đối tượng (object) chỉ với 1 dòng code.

const countBy = (arr, prop) => arr.reduce((prev, curr) => ((prev[curr[prop]] = ++prev[curr[prop]] || 1), prev), {});

const countBy = <T extends Record<string, string>, K extends keyof T>(arr: T[], prop: K): Record<string, number> => (
    arr.reduce((prev, curr) => ((prev[curr[prop]] = ++prev[curr[prop]] || 1), prev), {} as Record<string, number>)
);

countBy(
    [
        { branch: 'audi', model: 'q8', year: '2019' },
        { branch: 'audi', model: 'rs7', year: '2020' },
        { branch: 'ford', model: 'mustang', year: '2019' },
        { branch: 'ford', model: 'explorer', year: '2020' },
        { branch: 'bmw', model: 'x7', year: '2020' },
    ],
    'branch'
);

// { 'audi': 2, 'ford': 2, 'bmw': 1 }

Javascript chuyển đổi mảng các chuỗi thành số

Hàm javascript helper (với typescript) ngắn gọn giúp chuyển đổi (convert) một mảng (array) của các chuỗi (string) thành một mảng của các số (number) chỉ với 1 dòng code.

const toNumbers = (arr) => arr.map(Number);

// Or
const toNumbers = (arr) => arr.map((x) => +x);

const toNumbers = (arr: string[]): number[] => arr.map(Number);

// Or
const toNumbers = (arr: string[]): number[] => arr.map((x) => +x);

Javascript so sánh hai mảng (array) bất kể thứ tự (order)

Hàm javascript helper (với typescript) ngắn gọn giúp so sánh (compare) 2 mảng (array) liệu có giống nhau (không quan tâm thứ tự sắp xếp/order của các phần tử) chỉ với 1 dòng code. Để so sánh 2 mảng javascript giống hệt nhau (giống thứ tự sắp xếp) hãy xem Javascript so sánh hai mảng (array)

// `a` and `b` are arrays
const isEqual = (a, b) => JSON.stringify([...new Set(a)].sort()) === JSON.stringify([...new Set(b)].sort());

const isEqual = <T,_>(a: T[], b: T[]): boolean => JSON.stringify([...(new Set(a))].sort()) === JSON.stringify([...(new Set(b))].sort());

isEqual([1, 2, 3], [1, 2, 3]); // true
isEqual([1, 2, 3], [1, 3, 2]); // true
isEqual([1, 2, 3], [1, '2', 3]); // false

Javascript convert mảng của các object thành một object duy nhất

Hàm javascript helper (với typescript) ngắn gọn giúp bạn chuyển đổi (convert) một mảng (array) của các đối tượng (object) thành một dối tượng duy nhất chỉ với 1 dòng code.

const toObject = (arr, key) => arr.reduce((a, b) => ({ ...a, [b[key]]: b }), {});

// Or
const toObject = (arr, key) => Object.fromEntries(arr.map((it) => [it[key], it]));

const toObject = <T extends Record<string, any>, K extends keyof T>(arr: T[], key: K): Record<string, T> => (
    arr.reduce((a, b) => ({ ...a, [b[key]]: b }), {})
);

const toObject = <T extends Record<string, any>, K extends keyof T>(arr: T[], key: K): Record<string, T> => (
    Object.fromEntries(arr.map((it) => [it[key], it]))
);

toObject(
    [
        { id: '1', name: 'Alpha', gender: 'Male' },
        { id: '2', name: 'Bravo', gender: 'Male' },
        { id: '3', name: 'Charlie', gender: 'Female' },
    ],
    'id'
);
/* 
{
    '1': { id: '1', name: 'Alpha', gender: 'Male' },
    '2': { id: '2', name: 'Bravo', gender: 'Male' },
    '3': { id: '3', name: 'Charlie', gender: 'Female' },
}
*/

Javascript thêm đuôi (hậu tố) AM PM vào giờ

Hàm javascript helper (với typescript) ngắn gọn giúp thêm đuôi (hậu tố) AM PM (sáng chiều) vào giờ chỉ với 1 dòng code.

// `h` is an hour number between 0 and 23
const suffixAmPm = (h) => `${h % 12 === 0 ? 12 : h % 12}${h < 12 ? 'am' : 'pm'}`;

const suffixAmPm = (h: number): string => `${h % 12 === 0 ? 12 : h % 12}${h < 12 ? 'am' : 'pm'}`;

suffixAmPm(0); // '12am'
suffixAmPm(5); // '5am'
suffixAmPm(12); // '12pm'
suffixAmPm(15); // '3pm'
suffixAmPm(23); // '11pm'

Javascript clone mảng (array)

Hàm javascript helper (với typescript) giúp clone một mảng (array) chỉ với 1 dòng code.

// `arr` is an array
const clone = (arr) => arr.slice(0);

// Or
const clone = (arr) => [...arr];

// Or
const clone = (arr) => Array.from(arr);

// Or
const clone = (arr) => arr.map((x) => x);

// Or
const clone = (arr) => JSON.parse(JSON.stringify(arr));

// Or
const clone = (arr) => arr.concat([]);

// Or
const clone = (arr) => structuredClone(arr);

// `arr` is an array
const clone = <T,_>(arr: T[]): T[] => arr.slice(0);

// Or
const clone = <T,_>(arr: T[]): T[] => [...arr];

// Or
const clone = <T,_>(arr: T[]): T[] => Array.from(arr);

// Or
const clone = <T,_>(arr: T[]): T[] => arr.map((x) => x);

// Or
const clone = <T,_>(arr: T[]): T[] => JSON.parse(JSON.stringify(arr));

// Or
const clone = <T,_>(arr: T[]): T[] => arr.concat([]);

// Or
const clone = <T,_>(arr: T[]): T[] => structuredClone(arr);

Javascript so sánh hai mảng (array)

Hàm javascript helper (với typescript) giúp so sánh (compare) 2 mảng (array)  liệu có giống nhau ngắn gọn chỉ với 1 dòng code.

// `a` and `b` are arrays
const isEqual = (a, b) => JSON.stringify(a) === JSON.stringify(b);

// Or
const isEqual = (a, b) => a.length === b.length && a.every((v, i) => v === b[i]);

const isEqual = <T,_>(a: T[], b: T[]): boolean => JSON.stringify(a) === JSON.stringify(b);

// Or
const isEqual = <T,_>(a: T[], b: T[]): boolean => a.length === b.length && a.every((v, i) => v === b[i]);

isEqual([1, 2, 3], [1, 2, 3]); // true
isEqual([1, 2, 3], [1, '2', 3]); // false

Trang

Khác

Nobi Tutorials

Tạo UUID ngẫu nhiên sử dụng javascript

Cắt bỏ dấu gạch chéo ở đầu và cuối chuỗi trong Javascript

Viết hoa các chữ cái đầu mỗi từ trong chuỗi Javascript

Javascript so sánh hai ngày tháng (đối tượng Date)

Javascript hàm lấy múi giờ (timezone) hiện tại

Javascript đếm số lần xuất hiện của các thuộc tính của một mảng các đối tượng

Javascript chuyển đổi mảng các chuỗi thành số

Javascript so sánh hai mảng (array) bất kể thứ tự (order)

Javascript convert mảng của các object thành một object duy nhất

Javascript thêm đuôi (hậu tố) AM PM vào giờ

Javascript clone mảng (array)

Javascript so sánh hai mảng (array)

•••Trang

•••Khác

Nobi Tutorials

Tạo UUID ngẫu nhiên sử dụng javascript

Cắt bỏ dấu gạch chéo ở đầu và cuối chuỗi trong Javascript

Viết hoa các chữ cái đầu mỗi từ trong chuỗi Javascript

Javascript so sánh hai ngày tháng (đối tượng Date)

Javascript hàm lấy múi giờ (timezone) hiện tại

Javascript đếm số lần xuất hiện của các thuộc tính của một mảng các đối tượng

Javascript chuyển đổi mảng các chuỗi thành số

Javascript so sánh hai mảng (array) bất kể thứ tự (order)

Javascript convert mảng của các object thành một object duy nhất

Javascript thêm đuôi (hậu tố) AM PM vào giờ

Javascript clone mảng (array)

Javascript so sánh hai mảng (array)

Trang

Khác