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 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

Javascript kiểm tra xem một mảng có rỗng (empty) không

Hàm javascript helper (và typescript) giúp kiểm tra xem một array (mảng) có rỗng (empty) không chỉ với 1 dòng code.

// `arr` is an array
const isEmpty = (arr) => Array.isArray(arr) && !arr.length;

const isEmpty = <T,_>(arr: T[]): boolean => Array.isArray(arr) && !arr.length;

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

Javascript cast một giá trị về dạng mảng

Hàm javascript helper (và typescript) giúp cast (chuyển đổi) giá trị của biến về dạng array (mảng) ngắn gọn chỉ với 1 dòng code.

const castArray = (value) => (Array.isArray(value) ? value : [value]);

const castArray = <T,_>(value: T | T[]): T[] => (Array.isArray(value) ? value : [value]);

castArray(1); // [1]
castArray([1, 2, 3]); // [1, 2, 3]

Trang

Khác

Array

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 clone mảng (array)

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

Javascript kiểm tra xem một mảng có rỗng (empty) không

Javascript cast một giá trị về dạng mảng

•••Trang

•••Khác

Array

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 clone mảng (array)

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

Javascript kiểm tra xem một mảng có rỗng (empty) không

Javascript cast một giá trị về dạng mảng

Trang

Khác