js中关于数组常见的操作方法汇总
JavaScipt
2023-10-12 20:48:18
数据格式常见为数组、json、字符串、数字、布尔等类型,这些数据格式中对于数组的操作又是最为频繁和常见的操作。
本篇文章就来详细介绍在js中关于数组有哪些操作及方法详解。
一、往数组中添加一个元素
let test = [1,2];
//尾部添加
console.log(test.push(3))
//[1,2,3]
//头部添加
console.log(test.unshift(3))
//[3,1,2]
二、从数组中删除一个元素
let test = [1,2,3];
//尾部删除
console.log(test.pop())
//3
//头部删除
console.log(test.shift())
//1
三、提取数组中的一部分
slice() 方法:slice(开始位置,结束位置)
string.slice(start,end)
start:要抽取的片断的起始下标,第一个字符位置为 0。如果为负数,则从尾部开始截取。
end: 紧接着要截取的片段结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。
若只有一个参数,即无结束位置参数,则从开始到结束
若结束位置大于开始位置,则返回空数组
let test = [1,2,3];
console.log(test.slice(0,1))
//[1]
四、splice() 方法用于添加或删除数组中的元素。
4.1、新增
var test = [1, 2];
test.splice(2,0,'新增数据')
console.log(test)
//[1, 2, '新增数据']
4.2、删除
array.splice(index,howmany)
规定从何处添加/删除元素,下标从0开始
howmany:规定应该删除多少元素。必须是数字,但可以是 "0"。
var test = [1, 2,3,4];
test.splice(2,1)
console.log(test)
//[1, 2, 4]
五、翻转数据
reverse()
var test = [1, 2,3,4];
console.log(test.reverse())
//[4, 3, 2, 1]
六、sort数组排序
sort() 方法用于对数组的元素进行排序。
排序顺序可以是字母或数字,并按升序或降序。
默认排序顺序为按字母升序。
var test = ['b','a', 'c','d'];
console.log(test.sort())
//['a', 'b', 'c', 'd']
数字升序
var test = [2,3,1,6,45,23];
console.log(test.sort(function(a,b){return a-b}))
[1, 2, 3, 6, 23, 45]
数字降序
var test = [2,3,1,6,45,23];
console.log(test.sort(function(a,b){return b-a}))
[1, 2, 3, 6, 23, 45]
七、join数组分隔转指定分隔符字符串
join()通过指定的分隔符进行分隔的。
若括号里什么都不写,则默认用逗号分隔
若是引号,则空白分隔
var test = [2,3,1,6,45,23];
console.log(test.join('|'))
//2|3|1|6|45|23
上述就是七种关于数组的常见操作,在开发中根据实际需求合理使用可以使数据更加具有灵活性。
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
881篇文章
908人已阅读