js实例教程-关于js数组的几种方法

发布时间:2018-11-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js实例教程-关于js数组的几种方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

数组

1、join()

join(分隔方式): 将数组的元素组成一个字符串,以(“”)里的内容为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数:分隔符。

 VAR a = [1,2,3];          console.LOG(a.join(" "));   //1 2 3         console.log(a.join("-"));   //1-2-3  console.log(a); //[1,2,3]原数组内容不变 

2、push()和pop()

push(): 给数组最后添加元素并返回修改后数组的长度。
pop():删除数组的最后一个元素,减少数组的 length 值。

 push  方法:给数组追加元素        var a=new Array(1,2,3,4,5);         console.log(a);     //[1,2,3,4,5]         a.push(6);         console.log(a);     //[1,2,3,4,5,6] pop() 方法:删除数组的最后一个元素         var a=new Array(1,2,3,4,5);         a.pop();         a.pop();         a.pop();         a.pop();         console.log(a);  //[1]

3、shift() 和 unshift()

shift():删除原数组第一项,并返回删除元素的值 unshift:给原数组首部添加元素并返回数组的长度 。

 unshift  给数组元素之前追加元素          var a=new Array(1,2,3,4,5);          console.log(a);          a.unshift(6);          console.log(a);    //[6,1,2,3,4,5] shift  删除第一个元素          var a=new Array(1,2,3,4,5);          a.shift();          console.log(a);     //[2,3,4,5]

4、sort()

sort():按升序排列数组项——即最小的值位于最前面,最大的值排在最后面。

在排序时,sort()方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串,以确定如何排序。即使数组中的每一项都是数值, sort()方法比较的也是字符串,因此会出现以下的这种情况:

 var arr1 = ["a", "d", "c", "b"]; console.log(arr1.sort()); // ["a", "b", "c", "d"] arr2 = [13, 24, 51, 3]; console.log(arr2.sort()); // [13, 24, 3, 51] console.log(arr2); // [13, 24, 3, 51](元数组被改变)

5、reverse()

reverse():反转数组

         var a = new Array(1,2,3,4,5);         console.log(a.reverse());      //[5,4,3,2,1]

6、concat()

concat() :给数组后面添加元素,或者将数组与数组的的内容拼接起来

         var a = [1,2,3];         var b = [4,5,6];         var c = []          c = a.concat(a,b);         console.log(c);    //[1,2,3,1,2,3,4,5,6]  console.log(a);    //[1,2,3]  原数组不变

7、slice()

slice不改变原数组的内容,截取数组中的某一段两个参数start end 截取内容不包括end的索引位

  var a = new Array(1,2,3,4,5,6)         a.slice(1,4);         console.log(a.slice(1,4));[2,3,4,5]         console.log(a);     //[1,2,3,4,5,6]         

8、splice()

splice() 改变原数组的内容:三个参数(从哪个位置开始 共删除几个 添加的新元素)

     var b = new Array(1,2,3,4,5,6);         b.splice(2,3);         console.log(b);    //[1,2,6] 

9、indexOf()和 lastIndexOf()

indexOf():两个参数:要查找的项和查找起点位置的索引。
lastIndexOf:接收两个参数:要查找的项和查找起点位置的索引.

         var a="abcdefg";         alert(a.indexOf("h"));         indexOf 两个参数   查找字符  从那个位置开始         var a="abcdefg";         alert(a.indexOf("a",3)); lastindexOf()  用法和indexOf一致  只不过从后到前查找

数组

1、join()

join(分隔方式): 将数组的元素组成一个字符串,以(“”)里的内容为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数:分隔符。

 var a = [1,2,3];          console.log(a.join(" "));   //1 2 3         console.log(a.join("-"));   //1-2-3  console.log(a); //[1,2,3]原数组内容不变 

2、push()和pop()

push(): 给数组最后添加元素并返回修改后数组的长度。
pop():删除数组的最后一个元素,减少数组的 length 值。

 push  方法:给数组追加元素        var a=new Array(1,2,3,4,5);         console.log(a);     //[1,2,3,4,5]         a.push(6);         console.log(a);     //[1,2,3,4,5,6] pop() 方法:删除数组的最后一个元素         var a=new Array(1,2,3,4,5);         a.pop();         a.pop();         a.pop();         a.pop();         console.log(a);  //[1]

3、shift() 和 unshift()

shift():删除原数组第一项,并返回删除元素的值 unshift:给原数组首部添加元素并返回数组的长度 。

 unshift  给数组元素之前追加元素          var a=new Array(1,2,3,4,5);          console.log(a);          a.unshift(6);          console.log(a);    //[6,1,2,3,4,5] shift  删除第一个元素          var a=new Array(1,2,3,4,5);          a.shift();          console.log(a);     //[2,3,4,5]

4、sort()

sort():按升序排列数组项——即最小的值位于最前面,最大的值排在最后面。

在排序时,sort()方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串,以确定如何排序。即使数组中的每一项都是数值, sort()方法比较的也是字符串,因此会出现以下的这种情况:

 var arr1 = ["a", "d", "c", "b"]; console.log(arr1.sort()); // ["a", "b", "c", "d"] arr2 = [13, 24, 51, 3]; console.log(arr2.sort()); // [13, 24, 3, 51] console.log(arr2); // [13, 24, 3, 51](元数组被改变)

5、reverse()

reverse():反转数组

         var a = new Array(1,2,3,4,5);         console.log(a.reverse());      //[5,4,3,2,1]

6、concat()

concat() :给数组后面添加元素,或者将数组与数组的的内容拼接起来

         var a = [1,2,3];         var b = [4,5,6];         var c = []          c = a.concat(a,b);         console.log(c);    //[1,2,3,1,2,3,4,5,6]  console.log(a);    //[1,2,3]  原数组不变

7、slice()

slice不改变原数组的内容,截取数组中的某一段两个参数start end 截取内容不包括end的索引位

  var a = new Array(1,2,3,4,5,6)         a.slice(1,4);         console.log(a.slice(1,4));[2,3,4,5]         console.log(a);     //[1,2,3,4,5,6]         

8、splice()

splice() 改变原数组的内容:三个参数(从哪个位置开始 共删除几个 添加的新元素)

     var b = new Array(1,2,3,4,5,6);         b.splice(2,3);         console.log(b);    //[1,2,6] 

9、indexOf()和 lastIndexOf()

indexOf():两个参数:要查找的项和查找起点位置的索引。
lastIndexOf:接收两个参数:要查找的项和查找起点位置的索引.

         var a="abcdefg";         alert(a.indexOf("h"));         indexOf 两个参数   查找字符  从那个位置开始         var a="abcdefg";         alert(a.indexOf("a",3)); lastindexOf()  用法和indexOf一致  只不过从后到前查找

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的js实例教程-关于js数组的几种方法全部内容,希望文章能够帮你解决js实例教程-关于js数组的几种方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。