uniapp 中过滤获得数组中某个对象里id:1的数据

复制代码
// 假设studentData是包含多个学生信息的数组
const studentData = [
  {id: 1, name: '小明', age: 18},
  {id: 2, name: '小红', age: 20},
  {id: 3, name: '小刚', age: 19},
  {id: 4, name: '小李', age: 22},
];
// 过滤获取id为1的学生信息
const result = studentData.filter(item => item.id === 1);
// 输出结果
console.log(result);
// 输出: [{id: 1, name: '小明', age: 18}]

JavaScript中的Array.filter()方法来过滤获取数组中某个对象里id:1的数据

延伸:

filter()

创建一个新的数组,新数组的元素是符合指定条件的元素,不会检测空数组,不会改变原来的数组。

map()

返回一个新的数组,新数组的元素是原数组的元素按照顺序依次处理后的值。

foreach()

循环,调用数组的每个元素,传递给回调函数,不可以结束循环。

例:将数组的数据循环添加进一个新数组

concat()

合并数组。合并数组和参数,合并数组和数组

join()

把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。

push()

在数组的末尾增加元素,可以一次增加多个元素

pop()

在数组的末尾删除一个元素

shift()

删除数组的第一个元素

unshift()

在数组的开头增加元素,可以一次增加多个元素

splice()

删除、插入、替换元素。

语法:this.arr.splice(index, num, value)

sort()

对数组进行排序

reverse()

将数组进行反转

slice()

从数组中返回指定的元素

语法:arr.slice(start,end),即:要返回元素的起始和结束位置。

start 必需。规定从何处开始选取。如果是负数,那么就从数组尾部开始计算位置。-1 指最后一个元素。

end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

find()

返回符合要求的第一个数组元素。

findIndex()

返回符合函数条件的数组元素下标,数组中的每个元素都调用一次函数执行:空数组不会执行。

返回符合条件元素在数组里的第一个元素位置,没有符合条件的元素返回-1。

some()

检测数组中的元素是否满足指定条件,依次执行数组的每个元素:

如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。

如果没有满足条件的元素,则返回false。

every()

使用指定函数检测数组中的所有元素是否都满足条件,空数组不会执行。

如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。

如果所有元素都满足条件,则返回 true。

相关推荐
JinSo5 分钟前
Ultracite:为 AI 时代打造的零配置代码规范工具
前端·javascript·github
ZEGO即构开发者7 分钟前
WebRTC 实战:用即构 SDK 搭建 Web 端 1v1 视频通话(含完整流程与 Demo)
前端·音视频·webrtc
詹姆斯bind10 分钟前
基于Div contenteditable 属性 实现一个 “只读” 标签编辑器
vue.js·编辑器·contenteditable
爆浆麻花31 分钟前
为什么有些人边框不用border属性
前端·css
uhakadotcom34 分钟前
Next.js 从入门到精通(1):项目架构与 App Router—— 文件系统路由与目录结构全解析
前端·面试·github
LFly_ice1 小时前
学习React-22-Zustand
前端·学习·react.js
南山安1 小时前
从反转字符串看透面试官的“内心戏”:你的算法思维到底怎么样?
javascript·算法·面试
东华帝君1 小时前
vue3自定义v-model
前端
www_stdio1 小时前
用 localStorage 打造本地待办清单:一个轻量级的前端实践
javascript·css·json
JIngJaneIL1 小时前
远程在线诊疗|在线诊疗|基于java和小程序的在线诊疗系统小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序·毕设·在线诊疗小程序