ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

Javascript的数组原生函数介绍

2022-02-21 19:59:50  阅读:223  来源: 互联网

标签:原生 张三 name age Javascript 35 user 数组 users


1.Array.filter()-----筛选全部值

const users = [{name:'张三', age:30},{name:'李四', age:35},{name:'王5', age:12}];
const result = users.filter(user => user.age > 20); // [{name:'张三', age:30},{name:'李四', age:35}]

2.Array.find()-----筛选第一个值

const users = [{name:'张三', age:30},{name:'李四', age:35},{name:'王5', age:12}];
const found = users.find(user => user.age > 20); // {name:'张三', age:30}

3.let Array = [...new Set(Array)]-----数组去重

let userLists = ['张三','jaychou', '张三', '李四'];
let users = [...new Set(userLists)]; // ['张三','jaychou', '李四'];

4.通过Math.max() 配合map() 查询数组对象中的最值


const users = [{name:'张三', age:30},{name:'李四', age:35},{name:'王5', age:12}];
Math.max.apply(Math, users.map(user => user.age)) // 35 最小值只需要把max改成min
或 Math.max(...users.map(i=>i.age)) // 35 最小值只需要把max改成min

5.Array.some() Array.every() ---返回布尔值

//some()判断数组中是否有元素满足条件
//every()判断是否所有元素都满足条件
const users = [{name:'张三', age:30},{name:'李四', age:35},{name:'王5', age:12}];
users.some(user => user.age<20); // true
users.every(user => user.age<20); // false

6.Array.reduce() 方法进行统计


简单用法:求和和乘积
var arr = [1, 2, 3, 4];
var sum = arr.reduce((x,y)=>x+y)
var mul = arr.reduce((x,y)=>x*y)
console.log( sum ); //求和,10
console.log( mul ); //求乘积,24

复杂参考:JS数组reduce()方法详解及高级技巧 - 简书

标签:原生,张三,name,age,Javascript,35,user,数组,users
来源: https://blog.csdn.net/shaohao_123/article/details/123054363

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有