星空网 > 软件开发 > Java

javascript中数组的常用方法

数组的基本方法如下

1、concat()

2、join()

3、pop()

4、push()

5、reverse()

6、shift()

7、sort()

8、splice()

9、toString()

10、unshift()

11、slice()。

1. concat()

    该方法用于连接2个或者多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

    语法:arrayObject.concat(array1,array2,....arrayx);

    连接多个数组,使用逗号隔开;

    比如如下代码演示:

var arr1 = [1,2,3],  arr2 = [4,5,6],  arr3 = [7,8,9,1,2,3];console.log(arr1.concat(arr2,arr3)); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3]console.log(arr1); // [1,2,3]console.log(arr2); // [4,5,6]console.log(arr3); // [7,8,9,1,2,3]

2. join()

    该方法是把数组中的所有元素放入一个字符串中,元素通过指定的分隔符进行分割的。

    语法如下:arrayObject.join(separator);

    separator: 指定分隔符对数组中的元素进行分割,如果省略该参数,则会使用逗号作为分隔符。如下代码演示:

var arrs = [];arrs[0] = "aa";arrs[1] = "bb";arrs[2] = "cc";console.log(arrs.join()); // aa,bb,ccconsole.log(arrs.join("/")); // aa/bb/ccconsole.log(arrs.join("-")); // aa-bb-cc

3.pop()

该方法删除数组的最后一个元素,把数组的长度减1,并且返回它被删除元素的值,如果数组变为空,则该方法不改变数组,返回undefine值。如下代码演示:

var arrs = [1,2,3,4];console.log(arrs.pop()); // 4console.log(arrs); // [1,2,3]

4.push()

该方法是向数组末尾添加一个或者多个元素,并返回新的长度。

基本语法:arrayObject.push(newElem1,newElem2,.....newElemX); 演示代码如下:

var arrs = [1,2,3];arrs.push(4); console.log(arrs); // [1,2,3,4]arrs.push(5,6); console.log(arrs); // [1,2,3,4,5,6]

5.reverse()

该方法用于颠倒数组中元素的顺序;

语法如下:arrayObject.reverse();

如下代码演示:

var arrs = [1,2,3,4];console.log(arrs.reverse()); //[4,3,2,1]

6.shift()

该方法用于把数组的第一个元素从其中删除,并返回被删除的值。如果数组是空的,shift方法将不进行任何操作,返回undefined的值。

如下代码演示:

var arrs = [1,2,3,4];console.log(arrs.shift());// 1console.log(arrs); // [2,3,4]var arrs2 = [];console.log(arrs2.shift()); // undefinedconsole.log(arrs2); // []

7.sort()

1. 该方法是对数组的元素进行排序;sortby参数规定排序顺序,且必须是函数

如果该方法没有使用参数,则是按字母的字符编码的顺序进行排序。

2. 如果想按其他标准进行排序,就需要提供比较函数,该函数比较2个值,然后返回一个用于说明这2个值的相对顺序的数字,比如比较a与b,返回值如下:

  若a小于b,在排序后的数组中a应该出现在b之前,则返回一个小于0的值。

  若a等于b,在排序后的数组中 a等于b 则返回0;

  若a大于b,则返回一个大于0的值;

比如如下代码演示:

var arrs = ["tugenhua","longen","alibaba"];console.log(arrs.sort());  // ["alibaba", "longen", "tugenhua"]var arrs2 = ["15","5","8","12"];console.log(arrs2.sort(function(a,b){  return a - b; // ["5", "8", "12", "15"]}));

8.splice()

该方法用于插入,删除和替换数组的元素;

基本语法如下:

Array.splice(index,howmany,element1,.....elementX);

Index参数:【必填】是从何处添加/删除元素,该参数是开始插入或删除数组元素的下标,必须是数字;

Howmany: 【必须】应该删除多少个元素,必须是数字,也可以是0,如果未设定该参数,则删除从index开始到原数组结尾的所有元素;

Element1: 【可选】规定要添加到数组的新元素,从index所指的下标处开始插入;

ElementX: 【可选】 可向数组中添加若干个元素;

如下代码演示:

// 假如原数组如下var arrs = [1,2,3,4,5,6];// 先向数组的第二个位置中添加一个元素8;arrs.splice(1,0,8);console.log(arrs); // [1, 8, 2, 3, 4, 5, 6]// 接着从arrs数组中删除一个元素2arrs.splice(2,1);console.log(arrs); // [1, 8, 3, 4, 5, 6]// 再接着从arrs数组中替换一个元素8 使他变为10;如下代码:arrs.splice(1,1,10);console.log(arrs); // [1, 10, 3, 4, 5, 6]

9.toString()

将数组转换为一个字符串,并且返回这个字符串;如下代码演示:

var arrs = [1,2];console.log(arrs.toString()); // 1,2

10.unshift()

该方法是向数组的开头添加一个或者更多元素,并返回新的长度。

如下代码演示:

var arrs = [1,2];arrs.unshift(3); console.log(arrs); //[3, 1, 2]

11.slice()

该方法是从已有的数组中返回指定的元素。

基本语法:arrs.slice(start,end);

start参数【必须】从何处开始选取(包括start),如果是负数,那么会从尾部选取,比如-1代表最后一个元素,-2代表倒数第二个元素,以此类推。

End参数【可选】规定是从何处结束选取(不包括end),如果没有指定该参数,那么数组会包含从start开始到数组结束的所有元素,如果该参数是负数的话,那么它规定的是从数组尾部开始算起的元素。

如下演示:

var arrs2 = [1,2,3];console.log(arrs2.slice(1)); // [2,3]console.log(arrs2.slice(0,1));// [1]console.log(arrs2.slice(1,-1)); // [2]console.log(arrs2.slice(2,-1)); // []console.log(arrs2.slice(0)); // [1,2,3]

 




原标题:javascript中数组的常用方法

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

亚马逊FBA停止非必要商品入库!卖家该怎么办?:https://www.ikjzd.com/articles/118432
速卖通店铺突破层级的核心思路:https://www.ikjzd.com/articles/118433
shopee怎么入驻?:https://www.ikjzd.com/articles/118435
亚马逊大幅削减广告支出,日本来自中国进口额大幅度削减:https://www.ikjzd.com/articles/118436
继亚马逊封仓风波后续,亚马逊欧洲站超15kg拒入仓!:https://www.ikjzd.com/articles/118437
注意!亚马逊FB谷歌已全面禁止这类产品:https://www.ikjzd.com/articles/118438
三峡旅游集散中心乘船 乘船游三峡路线:https://www.vstour.cn/a/407233.html
伊春市里旅游景点大全 伊春的景点:https://www.vstour.cn/a/407234.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流