JavaScript Berfungsi untuk Memudahkan Kod Anda | Fungsi JavaScript | Tutorial JavaScript

JavaScript ialah bahasa pengaturcaraan berfungsi dan fungsi memainkan peranan yang penting. Mereka membenarkan anda merangkum kod yang boleh diguna semula dan melaksanakan tugas tertentu. Berikut ialah beberapa contoh pantas fungsi yang boleh menjadikan hidup anda lebih mudah:

Fungsi biasa

function sum(a, b) {
  return a + b;
}

Ekspresi fungsi

const sum = function (a, b) {
  return a + b;
};

Fungsi anak panah

const sum = (a, b) => {
  return a + b;
};
// OR
const sum = (a, b) => a + b;

Fungsi penjana

function* indexGenerator() {
  let index = 0;
  while (true) {
    yield index++;
  }
}
const g = indexGenerator();
console.log(g.next().value); // => 0
console.log(g.next().value); // => 1

Buat tatasusunan nombor daripada 1 hingga n

const range = (n) => Array.from({ length: n }, (_, i) => i + 1);
console.log(range(10)); 
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Buat tatasusunan nombor dari 1 hingga n dengan langkah

const range = (n, step = 1) => Array.from({ length: n }, (_, i) => i * step);
console.log(range(10, 2)); // [1, 3, 5, 7, 9]

Buat tatasusunan dan isikannya dengan nilai

const fill = (len, value) => Array(len).fill(value);
console.log(fill(3, 0)); // [0, 0, 0]

Mengocok tatasusunan

const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());
console.log(shuffleArray([1, 2, 3, 4])); // [3, 2, 1, 4]

Alih Keluar Pendua daripada Tatasusunan

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

// OR
const removeDuplicate = (arr) =>
  Object.values(arr.reduce((a, b) => (a[b] ? a : { ...a, [b]: b }), {}));
console.log(removeDuplicate([1, 2, 3, 3])); 
// Result: [ 1, 2, 3, ]

Jana nombor rawak

const random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
console.log(random(1, 10)); // Result: 1 ~ 10

Cari nombor terbesar

const findLargest = (arr) => arr.map((subArr) => Math.max(...subArr));
console.log(
  findLargest([
    [4, 5, 1, 3],
    [13, 27, 18, 26],
    [32, 35, 37, 39],
    [1000, 1001, 857, 1],
  ])
); // [5, 27, 39, 1001]

Cari nombor terkecil

const findSmallest = (arr) => arr.map((subArr) => Math.min(...subArr));
console.log(
  findSmallest([
    [4, 5, 1, 3],
    [13, 27, 18, 26],
    [32, 35, 37, 39],
    [1000, 1001, 857, 1],
  ])
); // [1, 18, 32, 857]

Pilih elemen rawak daripada tatasusunan

const pick = (arr) => arr[Math.floor(Math.random() * arr.length)];
console.log(pick([1, 2, 3, 4])); // 2

Tukar tatasusunan kepada objek

const toObject = (arr) => ({ ...arr });
console.log(toObject(["a", "b"])); // { 0: 'a', 1: 'b' }

Cari persilangan dua tatasusunan

const intersection = (arr1, arr2) => {
  const set = new Set(arr1);
  return arr2.filter((x) => set.has(x));
};
console.log(intersection([1, 2, 3], [2, 3, 4])); // [2, 3]

Alih keluar nilai palsu daripada tatasusunan

const compact = (arr) => arr.filter(Boolean);
console.log(compact([0, 1, false, 2, "", 3, "a", "e" * 23, NaN, "s", 34])); // [1, 2, 3, 'a', 's', 34]

Rentetan Terbalik

const reverseString = (str) => str.split("").reverse().join("");
console.log(reverseString("hello")); // olleh

Adalah String Palindrome

const isPalindrome = (str) => str === str.split("").reverse().join("");
console.log(isPalindrome("madam")); // true

Periksa sama ada objek kosong atau tidak

const isEmpty = (obj) => Object.keys(obj).length === 0;
console.log(isEmpty({})); // true

Cari bilangan hari dalam sebulan

const getDaysInMonth = (date) =>
  new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
console.log(getDaysInMonth(new Date())); // 31

Jana warna rawak

const getRandomColor = () =>
  `#${Math.floor(Math.random() * 16777215).toString(16)}`;
console.log(getRandomColor()); // #f0f0f0

// OR
const randomHex = () =>
  `#${Math.floor(Math.random() * 0xffffff)
    .toString(16)
    .padEnd(6, "0")}`;
console.log(randomHex()); // #f0f0f0

Lihat repo Javascript Quick Functions GitHub untuk lebih banyak fungsi seperti ini.

Atas ialah kandungan terperinci JavaScript Berfungsi untuk Memudahkan Kod Anda | Fungsi JavaScript | Tutorial JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!