美文网首页
非常实用的 JavaScript 代码片段,值得收藏!

非常实用的 JavaScript 代码片段,值得收藏!

作者: jia林 | 来源:发表于2024-10-29 19:05 被阅读0次

日常工作上,大家经常都会保存一些自己常用的代码片段,比如数字每3位添加逗号、日期格式化、解析location.query或location.hash为JSON对象等等。今天分享下工作中经常用到的代码片段

求数组平均数
  • 使用reduce()将每个值累加,初始值为0,总和除以数组长度。
const average = arr => arr.reduce((acc, val) => acc + val, 0) / arr.length;
// average([1,2,3]) -> 2
计数数组中值的出现次数
const countOccurrences = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);

// countOccurrences([1,1,2,1,2,3], 1) -> 3
单词首字母大写
  • 使用replace()匹配每个单词的第一个字符,并使用toUpperCase()来将其大写。
const capitalizeEveryWord = str => str.replace(/\b[a-z]/g, char => char.toUpperCase());
// capitalizeEveryWord('hello world!') -> 'Hello World!'
对比两个数组
  • 从b创建一个Set,然后在a上使用Array.filter(),只保留b中不包含的值。
const difference = (a, b) => { const s = new Set(b); return a.filter(x => !s.has(x)); };

// difference([1,2,3], [1,2]) -> [3]
数字是否整除
  • 使用模运算符(%)来检查余数是否等于0。
const isDivisible = (dividend, divisor) => dividend % divisor === 0;

// isDivisible(6,3) -> true
偶数或奇数
const isEven = num => num % 2 === 0;

// isEven(3) -> false
过滤数组中的非唯一值
  • 将Array.filter()用于仅包含唯一值的数组。
const filterNonUnique = arr => arr.filter(i => arr.indexOf(i) === arr.lastIndexOf(i));

// filterNonUnique([1,2,2,3,4,4,5]) -> [1,3,5]
从数组中获取最大值
const arrayMin = arr => Math.min(...arr);

// arrayMin([10, 1, 5]) -> 1

相关文章

网友评论

      本文标题:非常实用的 JavaScript 代码片段,值得收藏!

      本文链接:https://www.haomeiwen.com/subject/ekmpdjtx.html