JavaScript的数组的操作方法
一、使用索引下标来读取数组的值
var box = new Array(‘李炎恢‘,28,‘教师‘,‘盐城‘);
alert(box[2]); //获取第三个元素
box[2] = ‘学生‘; //修改第三个元素
box[4] = ‘计算机编程‘; //增加第五个元素
alert( box[4])
二、使用 length 属性获取数组元素量
var box = new Array(‘李炎恢‘,28,‘教师‘,‘盐城‘);
alert(box.length) //获取元素个数
box.length = 10; //强制元素个数,PS:数组最多可包含 4294967295 个元素,超出即会发生异常。
box[box.length] = ‘JS 技术‘; //通过 length 给数组增加一个元素,在最后一个角标添加一个元素
三、转换方法
1、对象或数组都具有toLocaleString()、toString()和valueOf()方法。
2、其中toString()和valueOf()无论重写了谁,都会返回相同的值。
3、数组会将每个值进行字符串形式的拼接,以逗号隔开。
var box = [‘李炎恢‘,28,‘计算机编程‘]; //字面量数组 alert(box); //隐式调用了 toString() alert(box.valueOf()); alert(box.toString()); //和 valueOf()返回一致 alert(box.toLocaleString()); //返回值和上面
var box = [new Date()];
alert(box.toString()); //Tue Mar 25 2014 17:14:28 GMT+0800
alert(box.toLocaleString());//具有本地格式化的功能,不会自动调用 结果是2014年3月25日 17:14:28
四、join()方法
默认情况下,数组字符串都会以逗号隔开。如果使用 join()方法,则可以使用不同的分隔符来构建这个字符串。
var box = [‘李炎恢‘, 28, ‘计算机编程‘];
alert(box.join(‘|‘)); //李炎恢|28|计算机编程 返回的类型是字符串
五、栈方法
1、ECMAScript 数组提供了一种让数组的行为类似于其他数据结构的方法。也就是说,可以让数组像栈一样,可以限制插入和删除项的数据结构。
2、栈是一种数据结构(后进先出),也就是说最新添加的元素最早被移除。而栈中元素的插入(或叫推入)和移除(或叫弹出),只发生在一个位置——栈的顶部。
3、ECMAScript 为数组专门提供了 push()和 pop()方法:
push()方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度。
pop()方法则从数组末尾移除最后一个元素,减少数组的 length 值,然后返回移除的元素。
var box = [‘李炎恢‘, 28, ‘计算机编程‘]; //字面量声明 alert(box.push(‘盐城‘)); //数组末尾添加一个元素,并且返回长度 alert(box); //查看数组 alert(box.pop()); //移除数组末尾元素,并返回移除的元素 alert(box); //查看元素
六、队列方法
1、栈方法是后进先出,而队列方法就是先进先出。
2、队列在数组的末端添加元素,从数组的前端移除元素。
3、通过 push()向数组末端添加一个元素,然后通过 shift()方法从数组前端移除一个元素。
var box = [‘李炎恢‘, 28, ‘计算机编程‘]; //字面量声明 alert(box.push(‘盐城‘)); //数组末尾添加一个元素,并且返回长度 alert(box); //查看数组 alert(box.shift()); //移除数组开头元素,并返回移除的元素 alert(box); //查看数组
javaScript 还为数组提供了一个 unshift()方法,它和 shift()方法的功能完全相反。unshift()方法为数组的前端添加一个元素。
var box = [‘李炎恢‘, 28, ‘计算机编程‘]; //字面量声明 alert(box.unshift(‘盐城‘,‘江苏‘)); //数组开头添加两个元素 alert(box); //查看数组 alert(box.pop()); //移除数组末尾元素,并返回移除的元素 alert(box); //查看数组
七、排序方法
数组中已经存在两个可以直接用来排序的方法:reverse()和 sort()
1、reverse() 逆向排序
var box = [1,2,3,4,5]; //数组 alert(box.reverse()); //逆向排序方法,返回排序后的数组 alert(box); //源数组也被逆向排序了,说明是引用
2、sort() 从小到大排序
var box = [4,1,7,3,9,2]; //数组 alert(box.sort()); //从小到大排序,返回排序后的数组 alert(box); //源数组也被从小到大排序了
sort 方法的默认排序在数字排序上有些问题,因为数字排序和数字字符串排序的算法是一样的。
我们必须修改这一特征,修改的方式,就是给 sort(参数)方法传递一个函数参数。
function compare(value1, value2) { //数字排序的函数参数 if (value1 < value2) { //小于,返回负数 return -1; } else if (value1 > value2) { //大于,返回正数 return 1; } else { //其他,返回 0 return 0; } } var box = [0,1,55,10,65]; //验证数字字符串,和数字的区别 alert(box.sort(compare)); //传参
如果要反向操作,即从大到小排序,正负颠倒即可。当然,如果要逆序用 reverse()更加方便。
八、其他操作方法:
1、concat()方法可以基于当前数组创建一个新数组。
var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组 var box2 = box.concat(‘计算机编程‘); //创建新数组,并添加新元素 alert(box2); //输出新数组 alert(box); //当前数组没有任何变化
2、slice()方法可以基于当前数组获取指定区域元素并创建一个新数组。
var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组 var box2 = box.slice(1);//一个参数表示从这个参数开始往后取 //var box3 = box.slice(1,3);//2-4 之间的元素 两个参数表示从第一个参数开始取,取到第二个参数的位置 alert(box2); //28,盐城 alert(box); //当前数组
3、splice()主要用途是向数组的中插入元素。
splice 中的删除功能:
var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组 var box2 = box.splice(0,2); //截取前两个元素,表示从0开始截取两个元素 alert(box2); //返回截取的元素 alert(box); //当前数组被截取的元素被删除
splice 中的插入功能(操作的是原数组):
var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组 var box2 = box.splice(1,0,‘计算机编程‘,‘江苏‘); //没有截取,但插入了两条 1表示从1号角标插入,0表示不删除,如果改为1,28这个元素就没有了 alert(box2); // 什么都没有,因为第二个参数是0,没有截取到 alert(box); //输出 在第 2 个位置插入两条
splice 中的替换功能:
var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组 var box2 = box.splice(1,2,100); //截取了第 2 条,替换成 100 第二个参数传入几就截取几个 alert(box2); //输出截取的 28 alert(box); //输出数组
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。