雷达智富

首页 > 内容 > 程序笔记 > 正文

程序笔记

js 数组方法 - 修改篇

2024-12-11 7

js数组方法可分为三类:修改、访问、迭代。
修改:改变原有数组
访问:不改变原有数组,从原有数组中获取数据
迭代:对数组的每一项进行处理,返回数据
本文主要介绍数组的修改篇

一、增加
1、push()
含义:在数组末尾添加元素
参数:待添加元素,数量不限

var a =[1,2,3,4,5,6]
a.push(7,8)
console.log(a); //[1,2,3,4,5,6,7,8]
2、unshift()
含义:在数组开头添加一个或多个元素
参数:待添加元素 ,数量不限

let a = [1,2,3,4,5,6]
a.unshift(7,8)
console.log(a) // [7,8,1,2,3,4,5,6]
二、删除
3、shift()
含义:删除数组第一个元素,并返回这个元素

var a =[1,2,3,4,5,6]
console.log(a,a.shift()); // [2,3,4,5,6],1
4、pop()
含义:删除数组最后一个元素,并返回这个元素

var a =[1,2,3,4,5,6]
console.log(a,a.pop()); // [1,2,3,4,5],6
三、排序
5、reverse()
含义:数组倒序重排

var a =[1,2,3,4,5,6]
console.log(areverse()); // [6,5,4,3,2,1]
6、sort()
含义:对原数组进行排序 默认是 UTF-16序列
参数:该参数为某种顺序进行排列的函数
下面例子是数组从小到大排列

let a = [5,2,4,1,6,3]
a.sort(function(a,b){
return a - b
})
console.log(a) // [1,2,3,4,5,6]
四、替换
7、splice()
含义:对任意位置任意数量元素进行替换
参数1: 指定开始位置
参数2:需替换的元素个数
参数3~参数n:用来替换的元素

let a = [1,2,3,4,5,6]
a.splice(2,2,7,8,9,10)
console.log(a) // [1, 2, 7, 8, 9, 10, 5, 6]
8、fill()
含义:使用某项值,替换数组选定序列中的值
参数1:需要替换的值
参数2:选定序列起始位置
参数3:选定序列结束位置

var a =[1,2,3,4,5,6]
a.fill(0,2,4); 
console.log(a); // [1,2,0,0,5,6]
9、copyWithin()
含义:在数组内部,将一段元素序列拷贝到另一段元素序列上,覆盖原有值,不改变原有长度
参数1:第一个代表标记位置,即复制序列的插入位置
参数2:复制起始位置
参数3:复制结束位置

var a =[1,2,3,4,5,6]
a.copyWithin(0,2,4); 
console.log(a); // [3,4,3,4,5,6]

更新于:7小时前
赞一波!1

文章评论

评论问答