当前位置: 首页 > news >正文

vue前端学习笔记

filter() 方法创建给定数组一部分的浅拷贝,其包含通过所提供函数实现的测试的所有元素。

const words = ['active', 'sunlight', 'self-confident', 'clever', 'health'];const result = words.filter((word) => word.length == 6);console.log(result);结果如下:
> Array ["active", "clever", "health"]

forEach() 方法对数组的每个元素执行一次给定的函数。

const array = [{id:'1',name:"小李",age:'23',remark:null},{id:'2',name:"小张",age:'35',remark:null},{id:'3',name:"小王",age:'21',remark:null}];array.forEach((item) => {if (item.age>30){console.log(item);item.remark = "30+";}
})console.log(array)结果如下:
> Object { id: "2", name: "小张", age: "35", remark: null }
> Array [Object { id: "1", name: "小李", age: "23", remark: null }, Object { id: "2", name: "小张", age: "35", remark: "30+" }, Object { id: "3", name: "小王", age: "21", remark: null }]

push():向数组的最后面插入一个或多个元素,返回结果为该数组新的长度

数组的新长度=数组.push(元素);const arr = ["王一", "王二", "王三"];
​const result1 = arr.push("王四"); // 末尾插入一个元素const result2 = arr.push("王五", "王六"); // 末尾插入多个元素
​console.log(result1); // 打印结果:4console.log(result2); // 打印结果:6console.log(JSON.stringify(arr)); // 打印结果:["王一","王二","王三","王四","王五","王六"]

pop()

pop():删除数组中的最后一个元素,返回结果为被删除的元素。

语法:

被删除的元素 = 数组.pop();

示例:

const numbers = [5, 6, 2, 3, 7];
result = numbers.pop();
console.log(result);结果: 7

unshift()

unshift():在数组最前面插入一个或多个元素,返回结果为该数组新的长度。插入元素后,其他元素的索引会依次调整。

语法:

数组的新长度 = 数组.unshift(元素);
const arr = ["王一", "王二", "王三"];
const result1 = arr.unshift("王四"); // 最前面插入一个元素
const result2 = arr.unshift("王五", "王六"); // 最前面插入多个元素
console.log(result1); // 打印结果:4
console.log(result2); // 打印结果:6
console.log(JSON.stringify(arr)); // 打印结果:["王五","王六","王四","王一","王二","王三"]

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【K8S 二进制部署】部署单Master Kurbernetes集群
  • Android ImageView的Bitmap在scaleType情况下Bitmap顶部与底部RectF坐标,Kotlin
  • Vite+Vue3学习笔记(2)——语法、渲染、事件、数据传递、生命周期、第三方库、前端部署
  • Python使用PyMySql增删改查Mysql数据库
  • shell 切片参数解释
  • BUUCTF Reverse/[2019红帽杯]Snake
  • 手拉手后端Springboot整合JWT
  • 开源可观测性平台Signoz(四)【链路监控及数据库中间件监控篇】
  • 2024年原创深度学习算法项目分享
  • HTML进阶
  • WPF 新手指引弹窗
  • Spring通信传参的方法
  • AI人工智能大模型讲师叶梓《基于人工智能的内容生成(AIGC)理论与实践》培训提纲
  • OpenCV-Python(22):2D直方图
  • TensorFlow Hub模型
  • 收藏网友的 源程序下载网
  • [NodeJS] 关于Buffer
  • [译]CSS 居中(Center)方法大合集
  • 【Leetcode】104. 二叉树的最大深度
  • 【技术性】Search知识
  • 2017届校招提前批面试回顾
  • 5、React组件事件详解
  • ES2017异步函数现已正式可用
  • golang 发送GET和POST示例
  • interface和setter,getter
  • Java-详解HashMap
  • js如何打印object对象
  • Mysql5.6主从复制
  • node和express搭建代理服务器(源码)
  • PhantomJS 安装
  • SpiderData 2019年2月13日 DApp数据排行榜
  • 从@property说起(二)当我们写下@property (nonatomic, weak) id obj时,我们究竟写了什么...
  • 从重复到重用
  • 给初学者:JavaScript 中数组操作注意点
  • 基于axios的vue插件,让http请求更简单
  • 解析 Webpack中import、require、按需加载的执行过程
  • 深入浏览器事件循环的本质
  • 试着探索高并发下的系统架构面貌
  • 宾利慕尚创始人典藏版国内首秀,2025年前实现全系车型电动化 | 2019上海车展 ...
  • 分布式关系型数据库服务 DRDS 支持显示的 Prepare 及逻辑库锁功能等多项能力 ...
  • ​软考-高级-信息系统项目管理师教程 第四版【第23章-组织通用管理-思维导图】​
  • ​直流电和交流电有什么区别为什么这个时候又要变成直流电呢?交流转换到直流(整流器)直流变交流(逆变器)​
  • # 手柄编程_北通阿修罗3动手评:一款兼具功能、操控性的电竞手柄
  • #LLM入门|Prompt#3.3_存储_Memory
  • #微信小程序:微信小程序常见的配置传值
  • (1) caustics\
  • (7)摄像机和云台
  • (C)一些题4
  • (k8s中)docker netty OOM问题记录
  • (四)JPA - JQPL 实现增删改查
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (转)程序员疫苗:代码注入
  • (状压dp)uva 10817 Headmaster's Headache
  • ***php进行支付宝开发中return_url和notify_url的区别分析
  • ***微信公众号支付+微信H5支付+微信扫码支付+小程序支付+APP微信支付解决方案总结...