JS高级050202Array类型转换方法

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

var colors &＃61; ["red", "blue", "green"]; //creates an array with three strings
console.log(colors.toString()); //red,blue,green
console.log(colors.valueOf()); //red,blue,green
console.log(colors); //red,blue,green


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

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

var person1 &＃61; {toLocaleString: function() {return "Nikolaos";},toString: function() {return "Nicholas";}
};
var person2 &＃61; {toLocaleString: function() {return "Grigorios";},toString: function() {return "Greg";}
};var people &＃61; [person1, person2];
console.log(people); //Nicholas,Greg
console.log(people.toString()); //Nicholas,Greg
console.log(people.toLocaleString()); //Nikolaos,Grigorios


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

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

var colors &＃61; new Array(); //create an array
var count &＃61; colors.push("red", "green"); //push two items
console.log(count); //2count &＃61; colors.push("black"); //push another item on
console.log(count); //3var item &＃61; colors.pop(); //get the last item
console.log(item); //"black"
console.log(colors.length); //2


在这里&＃xff0c;我们使用join()方法重现了 tostring()方法的输出。在传递逗号的情况下&＃xff0c;得到了以逗号分隔的数组值。而在最后一行代码中&＃xff0c;我们传递了双竖线符号&＃xff0c;结果就得到了字符串“redl I green I I blue”。如果不给join()方法传入任何值&＃xff0c;或者给它传入undefined&＃xff0c;则使用逗号作为分隔符。IE7及更早版本会错误的使用字符串"undefined"作为分隔符。

如果数组中的某一项的值是 null 或者 undefined&＃xff0c;那么该值在join()、 toLocaleString()、toString() 和 valueOf() 方法返回的结果中以空字符串表示。