js计算1-10000中出现的0 的次数（涉及到map,fill,filter,test,reduce方法）

最新推荐文章于 2023-08-03 10:48:26 发布

Amanda_wmy

最新推荐文章于 2023-08-03 10:48:26 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js

本文链接：https://blog.youkuaiyun.com/Amanda_wmy/article/details/84105475

js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一段JS代码，该代码用于计算从1到10000的数字中0出现的总次数，通过使用fill(), filter(), test()和reduce()等方法，实现了一个高效的数据筛选和计数过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js计算1-10000中出现的0 的次数

new Array(10000).fill('').map((_, index) => index + 1).filter(item => /0/.test(item)).reduce((count, item) => { return count + (String(item).match(/0/g) || []).length}, 0)

详解：
1..fill()方法：es语法，填充数组
- 用法：

arr.fill(value, start, end)
value：填充值。
start：填充起始位置，可以省略。
end：填充结束位置，可以省略，实际结束位置是end-1。

例子：
const arr3 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr3.fill(7, 2, 5)
console.log('%s', arr3)
结果：
1,2,7,7,7,6,7,8,9,10,11

所以 new Array(10000).fill('').map((_, index) => index + 1)实现了创建一个1-10000的数组集合

.filter()方法：es6语法，过滤数组
例子1：创建一个数组，判断数组中是否存在某个值

var newarr = [
  { num: 1, val: 'ceshi', flag: 'aa' },
  { num: 2, val: 'ceshi2', flag: 'aa2'  }
]
console.log(newarr.filter(item => item.num===2 ))

例子2：去掉空数组空字符串、undefined、null

var arr = ['1','2',undefined, '3.jpg',undefined]
var newArr = arr.filter(item => item)
console.log(newArr)

例子三：去掉数组中不符合项

var arr = [20,30,50, 96,50]
var newArr = arr.filter(item => item>40)  
console.log(newArr)

例子四：过滤不符合项

var arr = ['10','12','23','44','42']
var newArr = arr.filter(item => item.indexOf('2')<0) 
console.log(newArr)

例子五：数组去重

var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2];
var arr2 = arr.filter((x, index,self)=>self.indexOf(x)===index)  
console.log(arr2); //[1, 2, 3, 4, 5, 6, 7, 8, 0, 56]

所以new Array(10000).fill('').map((_, index) => index + 1).filter(item => /0/.test(item)))筛选出了所有带0的数字
3. .test() 方法：用于检测一个字符串是否匹配某个模式,返回true或false.

var str = "Visit W3School";
var patt1 = new RegExp("W3School");
var result = patt1.test(str);
document.write("Result: " + result);
//输出： Result: true

.reduce() 归并方法(累加器)
用法： reduce(callback,initiaValue)会传入两个变量，回调函数(callback)和初始值(initiaValue)。
假设函数有个传入参数，prev和next，index和array。 Prev和next是你必须要了解的。
当没有传入初始值时，prev是从数组中第一个元素开始的，next是第二个函数。
但是当传入初始值（initiaValue）后,第一个prev将是initivalValue，next将是数组中的第一个元素

例子1：计算数组总和

var num = [1,2,3,4,5];
var res = num.reduce(function(total,num){
    return total+num;
    //return total + Math.round(num);//对数组元素四舍五入并计算总和
});
console.log(res)；//15

例子2：合并二维数组

var red = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
 return a.concat(b);
}, []);  //[]这个为初始值
console.log(red)
结果： [0, 1, 2, 3, 4, 5]