28個你應該知道的JavaScript技巧

英文 | https://niemvuilaptrinh.medium.com/28-tip-javascript-you-should-know-5c8ca83e4f99

今天我將分享一些Javascript中的常用技巧，以幫助您解決問題。設置過程中的常見問題更快更容易。

const stringReverse = str => str.split("").reverse().join("");stringReverse('hello world'); 
const scrollToTop = () => window.scrollTo(0, 0);scrollToTop();
const removeDuplicate = (arr) => [...new Set(arr)];removeDuplicate([1, 2, 3, 4, 4, 2, 1]); 
const randomItemArray = (arr) => arr[Math.floor(Math.random() * arr.length)];randomItemArray(['a', 'b', 'c', 1, 2, 3]);
const maxNumber = (arr, n = 1) => [...arr].sort((a, b) => b - a).slice(0, n);maxNumber([4,9,5,7,2]) 
function isNumber(num) {  return !isNaN(parseFloat(num)) && isFinite(num);}isNumber("Hello"); isNumber(123);
const checkNull = val => val === undefined || val === null;checkNull(123) checkNull() checkNull('hello') 
const minNumber = (arr, n = 1) => [...arr].sort((a, b) => a - b).slice(0, n);console.log(minNumber([3,5,9,7,1])) 
const averageNumber = arr => arr.reduce((a, b) => a + b) / arr.length;averageNumber([1, 2, 3, 4, 5]) 
 const checkType = v => v === undefined ? 'undefined' : v === null ? 'null' : v.constructor.name.toLowerCase();checkType(true) checkType("hello World") checkType(123) 
const countOccurrences = (arr, val) => arr.reduce((a, v) => (v === val ? a + 1 : a), 0);countOccurrences([1,2,2,4,5,6,2], 2) 
12、使用 Javascript 獲取當前 URL
const getCurrentURL = () => window.location.href;getCurrentURL() 
const capitalizeString = str => str.replace(/b[a-z]/g, char => char.toUpperCase());capitalizeString('niem vui lap trinh'); 
 const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); rgbToHex(52, 45, 125); 
const numberToArray = n => [...`${n}`].map(i => parseInt(i));numberToArray(246) numberToArray(357911) 
const getTextInHTML = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';getTextInHTML('<h2>Hello World</h2>'); 
var [a,b,c,d] = [1, 2, 'Hello', false];console.log(a,b,c,d) 
let arr = [1, 2, 3, 4, 5];arr.length = 0;console.log(arr); 
const obj = {    name: "niem vui lap trinh",    age: 12};const copyObject = { ...obj };console.log(copyObject); 
const isEven = num => num % 2 === 0;console.log(isEven(1)); console.log(isEven(2)); 
const arr1 = [1, 2, 3];const arr2 = [4, 5, 6];const arr = arr1.concat(arr2);console.log(arr); 
const copyTextToClipboard = async (text) => {  await navigator.clipboard.writeText(text)}
var max = 10;var min = 1;var numRandom = Math.floor(Math.random() * (max - min + 1)) + min;console.log(numRandom)
const elementFocus = (el) => (el === document.activeElement);elementIsInFocus(element);
const isAppleDevice =/Mac|iPod|iPhone|iPad/.test(navigator.platform);console.log(isAppleDevice);
const str = "Hello";const arr = [...str];console.log(arr); 
const sum = function(x, y) {  return x + y;};const sum = (x, y) => x + y;
我希望這篇文章能為您提供對開發網站有用的javascript知識，如果您有任何問題，請留言區給我留言，我會儘快回復。
學習更多技能
請點擊下方公眾號