JavaScript Berfungsi untuk Memudahkan Kod Anda | Fungsi JavaScript

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2024-07-25 05:13:52

asal

988 orang telah melayarinya

JavaScript Functions to Simplify Your Code | JavaScript Functions | JavaScript Tutorial

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

Salin selepas log masuk

Ekspresi fungsi

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

Salin selepas log masuk

Fungsi anak panah

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

Salin selepas log masuk

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

Salin selepas log masuk

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]

Salin selepas log masuk

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]

Salin selepas log masuk

Buat tatasusunan dan isikannya dengan nilai

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

Salin selepas log masuk

Mengocok tatasusunan

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

Salin selepas log masuk

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

Salin selepas log masuk

Jana nombor rawak

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

Salin selepas log masuk

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]

Salin selepas log masuk

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]

Salin selepas log masuk

Pilih elemen rawak daripada tatasusunan

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

Salin selepas log masuk

Tukar tatasusunan kepada objek

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

Salin selepas log masuk

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]

Salin selepas log masuk

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]

Salin selepas log masuk

Rentetan Terbalik

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

Salin selepas log masuk

Adalah String Palindrome

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

Salin selepas log masuk

Periksa sama ada objek kosong atau tidak

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

Salin selepas log masuk

Cari bilangan hari dalam sebulan

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

Salin selepas log masuk

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

Salin selepas log masuk

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!