javascript中数组方法map、some、every、filter的封装。

本文链接：https://blog.youkuaiyun.com/weixin_54345600/article/details/118606703

本文介绍了如何在JavaScript中封装数组的常用方法，包括map用于修改数组内容，filter用于筛选数组元素，some用于快速查询，以及every用于检查所有元素是否满足条件。通过实例展示了这些方法在处理不同场景时的应用，如添加价格、筛选年龄、查找商品和检查不及格成绩。

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

文章目录

开篇

开篇

在Javascript中，我们要对数组操作，可以用到很多已经封装好的函数进行使用比如： map、filter、some、every。

Map

当我们要修改数组中一些数据的时候，可以使用map方法来修改。

方法介绍：该方法可以改变原来数组里面的内容。

问题：将 [‘🍓’,‘🍋’,‘🍒’,‘🍑’,‘🍊’,‘🍉’] 添加价格。
答案：[‘2￥🍓’,‘3￥🍋’,‘4￥🍒’,‘5￥🍑’,‘6￥🍊’,‘7￥🍉’];


var fruits = ['🍓','🍋','🍒','🍑','🍊','🍉'];
// --------------------------------------------------
var newFruits = fruits.map(function (item,index) {
     
	return `${
     index + 2}￥` + item
})
// --------------------------------------------------
console.log(newFruits)

Map

filter

当我们要将一个数据里的东西筛选出来的时候，就可以用到filter。

方法介绍：该方法可以对数组里面的数据进行筛选，返回值为一个筛选完的新数组。

问题：将大于16岁的对象输出出来。

数据：
var play = [{
name: ‘小李’, age: 18, eat: ‘🍓’,
}, {
name: ‘张三’, age: 12, eat: ‘🍋’,
}, {
name: ‘奥里给’, age: 99, eat: ‘💨’,
}, {
name: ‘小张’, age: 16, eat: ‘🍉’
}, {
name: ‘小米’, age: 16, eat: ‘🍒’
}];

var play = [{
   
   name: '小李', age: 18, eat: '🍓',
}, {
   
    name: '张三', age: 12, eat: '🍋',
}, {
   
    name: '奥里给', age: 99, eat: '💨',
}, {
   
    name: '小张', age: 16, eat: '🍉'
}, {
   
    name: '小米', age: 16, eat: '🍒'