登录

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

JavaScript maolai 1192次浏览 0个评论 扫描二维码

一、转换方法

对象或数组都具有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编辑整理发布,转载请注明JavaScript对象中的方法(如sort(参数)方法)!如果本文对你有帮助,可打赏博主,鼓励博主继续写作!
喜欢 (0)
[maolai]
分享 (0)
maolai
关于作者:
无折腾,不生活。一个爱折腾,爱分享的90后,欢迎你认识我,我是MAOLAI。
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址