js Array操作

阅读数:48 评论数:0

跳转到新版页面

分类

html/css/js

正文

一、栈方法 

1、push

添加到数组末尾,并返回 修改后的数组的长度。

2、pop

从数组末尾移除最后一项,返回移除后的项。

二、队列方法 

1、方式一(push+shift)

(1)shift

从数组的前端移除第一项,返回移除后的项。

2、方式二(unshift+pop)

(1)unshift

它能在数组前端添加任意项,并返回 数组的长度。

三、splice方法 

1、删除

可以删除任意数量的项,只需指定两个参数:要删除的第一项的位置和要删除的项数。

splice(0,2)

2、插入

可以向指定的位置插入任意数量的项,只需提供3个参数:起始位置、0(要删除的项数)和要插入的项数。如要要插入多个项,可以再传入第四、第五项,以至任意多个项。

splice(2,0,"red","gree");

3、替换

可以向指定的位置插入任意数量的项,且同时删除任意数量的项,只需要指定3个参数:起始位置、要删除的项数和要插入的任意数量的项,插入的项数不必与删除的项数相等。

splice(2,1,"red","green");

四、vue中数据响应式操作

vue为了方便对数组进行响应式代理操作,提供了七个数组变异方法:push、pop、shift、unshift、splice、sort、reverse。

除此之外,vue2中还可以使用Vue.set或this.$set,vue3中可以ref([])和reactive来定义数组。




相关推荐

一、computed和watch应用场景 1、computed computed拥有缓存属性,擅长的处理的场景是一个数据受多个数据影响。 2、watch 擅长处理的场景是一个数据影响多个数据,另外可以

JavaScript 中的数据通常由一个数组来表示, 所以当可视化或分析数据时往往也会操作数组。 一、JavaScript中修改数组自身的方法 1、array.p

一、Object类型 1、创建Object实例的方式有两种: (1)使用new操作后跟Object构造函数 var person = new Object(); // var person = {}

一、useRouter传参的方式 1、隐匿传参params import { useRouter } from 'vue-router' export default { setup() {