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

news2024/11/19 14:45:39
// 假设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。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/830809.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

使用aidegen导入AOSP工程到Clion并配置toolchains

作者:Season3266 一、aidegen介绍 aidegen是AOSP中自带的一个工具,可以将源码中的某个工程导入进IDE,从而可以使用IDE的智能提示,提高编码效率。而源码中的工程并不是独立存在的,还会依赖其他工程中的各种模块&#x…

虚拟机技术

基础知识 虚拟机技术 虚拟机就是通过软件在宿主机上虚拟出一台计算机。虚拟机技术是一种资源管理技术,是将计算机的各种实体资源,如服务器、网络、内存及存储等,予以抽象、转换后呈现出来,打破实体结构间的不可切割的障碍&#…

随笔--向量数据库的检索算法

文章目录 暴力搜索(Flat)聚类近似最近邻算法:ANN局部敏感哈希索引:LSH存储优化:(量化)聚类码本乘积量化索引:PQ层次导航小世界:HNSW 暴力搜索(Flat&#xff0…

如何用cpolar创建隧道,实现外网访问内网?

如何用cpolar创建隧道,实现外网访问内网? 文章目录 如何用cpolar创建隧道,实现外网访问内网? 在安装和调试完本地的cpolar后,我们终于可以接触到cpolar的核心功能:建立一条专属于自己的数据通道&#xff0c…

dirsearch Web目录扫描器使用手册-新手入门指南

声明:该系列文章首发于公众号:Y1X1n安全,转载请注明出处!本公众号所分享内容仅用于每一个爱好者之间的技术讨论及教育目的,所有渗透及工具的使用都需获取授权,禁止用于违法途径,否则需自行承担&…

纯css实现登录表单动效

效果图&#xff1a; 代码展示 // 我这边用的是elementUI表单校验&#xff0c;更改的样式。 <el-form:model"form":rules"rules"ref"fromList":hide-required-asterisk"true"><el-form-item prop"account"><…

vim粘贴内容格式混乱解决方法

问题 复制本地文件内容后&#xff0c;咱贴到vim文本内&#xff0c;格式错乱 解决方法 打开vim配置文件 最后面加入一行 vim /etc/vimrc set pastetoggle<F11> 开发vim文件&#xff0c;进入后先按F11进入交互模式 shift insert 再次粘贴 解决

c语言野指针int*p、空指针int*p = NULL、万能指针void* p

1、野指针&#xff0c;既没有初始化的指针&#xff0c;//如果没有给指针初始化&#xff0c;则指针p的内容为随机地址&#xff0c;会随机指向&#xff0c;故成为野指针&#xff0c;不可以操作野指针 #include "stdio.h" #include <stdlib.h>int main() {//1、野…

STM32 低功耗-睡眠模式

STM32 睡眠模式 文章目录 STM32 睡眠模式第1章 低功耗模式简介第2章 睡眠模式简介2.1 进入睡眠模式2.1 退出睡眠模式 第3章 睡眠模式代码示例总结 第1章 低功耗模式简介 在 STM32 的正常工作中&#xff0c;具有四种工作模式&#xff1a;运行、睡眠、停止和待机模式。 在系统或…

[学习笔记]3小时搞定DRF框架 | Django REST framework前后端分离框架实践

3小时搞定DRF框架 | Django REST framework前后端分离框架实践 前言(基于INSCODE AI助手) DRF&#xff08;全称Django REST framework&#xff09;是一个用于构建 Web API 的强力工具集&#xff0c;是一个基于Django的Python Web框架&#xff0c;它为开发人员提供了一套快速开…

[openCV]基于拟合中线的智能车巡线方案V4V5

V4: import cv2 as cv import os import numpy as npimport time# 遍历文件夹函数 def getFileList(dir, Filelist, extNone):"""获取文件夹及其子文件夹中文件列表输入 dir&#xff1a;文件夹根目录输入 ext: 扩展名返回&#xff1a; 文件路径列表""…

Mybatis引出的一系列问题-Spring事务的探究

1 spring事务的传播特性 package com.zs.service;Service public class UserService {Autowiredprivate UserDao userDA0;Transactionalpublic void transfer(String fromName, String toName, Integer money) {userDA0.out(fromName, money);int a 1 / 0;userDA0.in(toName,…

在中国人民大学与加拿大女王金融硕士项目的岁月,不会负了每个有心人

学习&#xff0c;就像是一场战争&#xff0c;有时你觉得在这拼命撕杀的战场上&#xff0c;你是孤独与无助的&#xff0c;但你殊不知&#xff0c;你其实并不是孤身奋战的&#xff01;学习路上会遇见很多有心人&#xff0c;在中国人民大学与加拿大女王金融硕士项目的岁月&#xf…

关于 JavaScript 数组的遍历函数:map, reduce, filter 等

JavaScript 列表的 map 方法是一个常用的数组遍历方法&#xff0c;将会对每一个列表中的元素都应用所给的转换方法&#xff0c;也就是 u > (...)&#xff0c;这是 ES6 中匿名函数的表达式写法&#xff0c;在这种使用场景中是一种非常方便的语法糖&#xff0c;map 方法在遍历…

亚马逊鲲鹏系统是怎么引流的?

亚马逊鲲鹏系统有三种引流方式&#xff0c;可设置通过亚马逊站点搜索、站外引流、直接访问产品页面进入到相关产品页面进行操作。 1、通过亚马逊站点搜索 正常的登录到我们的亚马逊主页&#xff0c;然后通过设置关键词及asin&#xff0c;最后进入你指定的产品&#xff0c;进行…

景联文科技高质量成品数据集上新啦!

景联文科技近期上新多个成品数据集&#xff0c;包含图像、视频等多种类型的数据&#xff0c;涵盖丰富的场景&#xff0c;可满足不同模型的多元化需求。 高质量成品数据集可用于训练和优化模型&#xff0c;使得模型能够更加全面和精准地理解和处理任务&#xff0c;更好地应对复…

QT中使用ffmpeg的api进行视频的播放

在了解ffmpeg使用api进行视频的播放之前&#xff0c;我们首先了解一下视频的播放流程。 一、视频的播放流程 首先是我们最常见的视频文件&#xff0c;在播放流程中首先是要打开视频文件&#xff0c;将视频文件中的数据进行解封装&#xff0c;之后再将解封装之后的视频进行解码…

仅需6GB显存,拥有专属AI代码助手

清华GLM技术团队打造的多语言代码生成模型CodeGeeX近期更新了新的开源版本「CodeGeeX2-6B」。CodeGeeX2是多语言代码生成模型CodeGeeX的第二代模型&#xff0c;不同于一代 CodeGeeX &#xff0c;CodeGeeX2 是基于 ChatGLM2 架构加入代码预训练实现。得益于 ChatGLM2 的更优性能…

Dos常用命令有哪些?具体的使用方式是什么?

1. 常用命令 对我们来说&#xff0c;掌握几个常见的dos命令即可&#xff0c;如下&#xff1a; dir&#xff1a;列出当前目录下所有的文件及文件夹&#xff1b; md&#xff1a;创建一个文件夹&#xff1b; rd&#xff1a;删除一个空目录&#xff1b; cd&#xff1a;进入指定…

第二章 圣诞夜的滑雪场

系列文章目录 第一章 修学旅行&#xff08;凯撒密码、栅栏密码&#xff09; 前言 这一章借鉴了基德大人和青子小姐的剧情&#xff0c;感兴趣的童鞋可以看一看哟&#xff01;&#xff08;本人柯迷&#xff09; 摩斯密码 到了下午&#xff0c;老师将大家聚在一起&#xff0c;笑…