JavaScript对象中的方法/如sort(参数)方法

maolai web前端JavaScript对象中的方法/如sort(参数)方法已关闭评论263阅读模式

一、转换方法

对象或数组都具有toLocaleString()、toString()和valueOf()方法。其中toString()和valueOf()无论重写了谁,都会返回相同的值。数组会讲每个值进行字符串形式的拼接,以逗号隔开。

var box=['李明',28,'计算机编程'];             //字面量数组
alert(box);            //隐式调用了toString()
alert(box.valueof());
alert(box.toString());            //和 valueOf()返回一致
alert(box.toLocaleString());            //返回值和上面两种一致

默认情况下,数组字符串都会以逗号隔开。如果使用join()方法,则可以使用不同的分隔符来构建这个字符串。

var box=['李明',28,'计算机编程'];
alert(box.join('|'));            //李明|28|计算机编程

二、栈方法

ECMAScript数组提供了一种让数组的行为类似于其他数据结构的方法。也就是说,可以让数组像栈一样,可以限制插入和删除项的数据结构。栈是一种数据结构(后进先出),也就是说最新添加的元素最早被移除。而栈中元素的插入(或叫推入)和移除(或叫弹出),只发生在一个位置——栈的顶部。ECMAScript为数组专门提供了push()和 pop()方法。

push()方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度。而pop()方法则从数组末尾移除最后一个元素,减少数组的length值,然后返回移除的元素。

var box=['李明',28,'web前端开发'];            //字面量声明
alert(box.push('广州'));            //数组末尾添加一个元素,并且返回长度
alert(box);            //查看数组
alert(box.pop());            //移除数组末尾元素,并返回移除的元素
alert(box);            //查看元素

三、队列方法

栈方法是后进先出,而列队方法就是先进先出。列队在数组的末端添加元素,从数组的前端移除元素。通过 push()向数组末端添加一个元素,然后通过 shift()方法从数组前端移除一个元素。

var box=['李明',28,'web前端开发'];            //字面量声明
alert(box.push('广州'));            //数组末尾添加一个元素,并且返回长度
alert(box);            //查看数组
alert(box.shift());            //移除数组开头元素,并返回移除的元素
alert(box);            //查看数组

ECMAScript还为数组提供了一个unshift()方法,它和shift()方法的功能完全相反。unshift()方法为数组的前端添加一个元素。

var box=['李明',28,'计算机编程'];            //字面量声明
alert(box.unshift('盐城','江苏'));            //数组开头添加两个元素
alert(box);            //查看数组
alert(box.pop());            //移除数组末尾元素,并返回移除的元素
alert(box);            //查看数组

PS:IE浏览器对unshift()方法总是返回undefined而不是数组的新长度。

四、重排序方法

数组中已经存在两个可以直接用来排序的方法: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,5,10,15];            //验证数字字符串,和数字的区别
alert(box.sort(compare));            //传参

PS:如果要反向操作,即从大到小排序,正负颠倒即可。当然,如果要逆序用 reverse()更加方便。

ECMAScript为操作已经包含在数组中的元素提供了很多方法。concat()方法可以基于当前数组创建一个新数组。slice()方法可以基于当前数组获取指定区域元素并创建一个新数组。splice()主要用途是向数组的中部插入元素。

var box=['李明',28,'天河'];            //当前数组
var box2=box.concat('计算机编程');            //创建新数组,并添加新元素
alert(box2);            //输出新数组
alert(box);            //当前数组没有任何变化
var box=['李明',28,'天河'];            //当前数组
var box2=box.slice(1);            //box.slice(1,3),2-4 之间的元素
alert(box2);            //28,天河
alert(box);            //当前数组

splice中的删除功能:

var box=['李明',28,'天河'];            //当前数组
var box2=box.splice(0,2);            //截取前两个元素
alert(box2);            //返回截取的元素
alert(box);            //当前数组被截取的元素被删除

splice中的插入功能:

var box=['李明',28,'天河'];            //当前数组
var box2=box.splice(1,0,'计算机编程','广州');            //没有截取,但插入了两条
alert(box2);            //在第2个位置插入两条
alert(box);            //输出

splice中的替换功能:

var box=['李明',28,'天河'];            //当前数组
var box2=box.splice(1,1,100);            //截取了第2条,替换成 100
alert(box2);            //输出截取的 28
alert(box);            //输出数组

 
maolai
  • 本文由 maolai 发表于 2016年7月17日 19:55:48
  • 转载请务必保留本文链接:http://www.bokequ.com/118.html