js中关于数组常见的操作方法汇总

数据格式常见为数组、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

上述就是七种关于数组的常见操作,在开发中根据实际需求合理使用可以使数据更加具有灵活性。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!