脚本宝典收集整理的这篇文章主要介绍了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,请注明来意。