码迷,mamicode.com
首页 > 其他好文 > 详细

Array类型-转换方法

时间:2015-06-04 19:17:07      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:

转换方法

  如前所述,所有对象都具有toLocaleString()、toString()和valueOf()方法。调用数组的toString()方法返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔符是字符串。而调用valueOf()返回的还是数组。实际上,为了创建这个字符串会调用数组每一项的toString()方法。来看下面这个例子:

var colors=["red","blue","green"];//创建一个包含3个字符串的数组
alert(colors.toString());//red,blue,green
alert(colors.valueOf());//red.blue,green
alert(colors);//red.blue,green

  在这里,我们首先显式地调用了toString()和valueOf()方法,以便返回数组的字符串表示,每个值的字符串表示拼接成了一个字符串。中间一逗号分隔。最后一行代码直接将数组传递给了alert()。由于alert()要接收字符串参数,所以它会在后台调用toString()方法,由此会得到与直接调用toString()方法相同的结果。

  另外,toLocaleString()方法经常也会返回与toString()和valueOf()方法相同的值,但也不总是如此。当调用数组的toLocaleString()方法时,它会创建一个数组值的以逗号分隔的字符串。而与前两个方法唯一的不同之处在于,这一次为了取得每一项的值,调用的是每一项toLocaleString()方法,而不是toString()方法。请看下面这个例子:

var person1={
  toLocaleString:function(){
     return "Nikolaos";     
  },
  toString:function(){
    return "Nicholas";
  }    
};
var person2={
  toLocaleString:function(){
    return "Grigorios";  
  },
  toString:function(){
    return "Greg";  
  }   
}
var people=[person1,person2];
alert(people);//Nicholas,Greg
alert(people.toString());//Nicholas,Greg
alert(people.toLocaleString());//Nikolaos,Grigorios

  我嫩在这里定义了两个对象:person1和person2。而且还分别为每一个对象定义了一个toString()方法和toLocaleString()方法,这两个方法返回不同的值。然后,创建一个包含前面定义的两个对象的数组。在将数组传递给alert()时,输出结果是“Nicholas,Greg”,因为调用了数组的每一项的toString()方法(同样,这与下一行显式调用toString()方法得到的结果相同)。而当调用数组的toLocaleString()方法时,输出结果是“Nikolaos,Grigorios”,原因是调用了数组每一项的toLocaleString()方法。

  数组继承的toLocaleString(),toString()和valueOf()方法,在默认情况下都会以逗号分隔的字符串形式返回数组项。而如果使用join()方法,则可以使用不同的分隔符来构建这个字符串。join()方法只接受一个参数,即用作分隔符的字符串,然后返回包含所有数组项的字符串。请看下面的例子:

var colors=["red","green","blue"];
alert(colors.join(","));//red,green,blue
alert(colors.join("||"));red||green||blue

  在这里,我们使用join()方法重现了toString()方法的输出。在传递逗号的情况下,得到了以逗号分隔的数字值。而在最后一行代码中,我们传递了双竖线符号,结果就得到了字符串"red||green||blue“。如过不给join()方法传入任何值,或者给它传人undefined,则使用逗号作分隔符。

Array类型-转换方法

标签:

原文地址:http://www.cnblogs.com/onedaythreeeat/p/4552452.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!