在前端开发中，数组是一个常用的数据类型，而Array中的join()、toLocaleString()和toString()方法更是我们经常使用的操作。在ES10中，这三个方法的表现方式有了一些改变。在本文中，我们将深入探讨这些方法的使用方法，包括新的特性和示例代码，并指导你如何在实际开发中运用它们。
join()方法
join()方法用于将数组中的所有元素转换为一个字符串，并将每个元素之间插入指定的分隔符。具体实现如下：
array.join(separator);
方法中的separator参数是可选的，默认为逗号。下面是数组join()方法的示例代码：
const array = ["apple", "banana", "orange"]; const result = array.join(); console.log(result); // apple,banana,orange
我们也可以使用空字符串作为分隔符：
const array = ["apple", "banana", "orange"];
const result = array.join("");
console.log(result); // applebananaorange在ES10中，join()方法新增了一些参数，允许我们指定起始和结束位置，从而只将数组的一部分元素转换为字符串。具体实现如下：
array.join(separator, start, end);
下面是join()方法在指定位置时的示例代码：
const array = ["apple", "banana", "orange", "grape", "watermelon"];
const result = array.join(" – ", 1, 4);
console.log(result); // banana – orange – grape在上面的示例中，我们将separator设置为了破折号，然后指定了起始位置1和结束位置4，结果返回了从banana到grape之间的元素。
toLocaleString()方法
toLocaleString()方法用于将数组中的元素转换为本地化的字符串。具体实现如下：
array.toLocaleString(languages, options);
方法中的languages参数和options参数都是可选的。languages参数允许我们指定数组中各个元素使用的语言环境。默认情况下，该参数使用当前环境的语言。options参数允许我们指定使用哪种格式来格式化数字、货币、百分比等数据类型。下面是toLocaleString()方法的示例代码：
const numberArray = [123456.789, 9876.54];
const result = numberArray.toLocaleString("en-US", {style: "currency", currency: "USD"});
console.log(result); // $123,456.79, $9,876.54在上面的示例中，我们将数组中的元素以美元的货币格式输出到控制台。
toString()方法
toString()方法用于将数组中的元素转换为字符串。该方法没有参数。具体实现如下：
array.toString();
下面是toString()方法的示例代码：
const array = ["apple", "banana", "orange"]; const result = array.toString(); console.log(result); // apple,banana,orange
在ES10中，toString()方法也新增了与join()方法类似的参数，允许我们指定起始和结束位置，从而只将数组的一部分元素转换为字符串。具体实现如下：
array.toString(start, end);
下面是toString()方法在指定位置时的示例代码：
const array = ["apple", "banana", "orange", "grape", "watermelon"]; const result = array.toString(1, 4); console.log(result); // banana,orange,grape
在上面的示例中，我们指定了起始位置1和结束位置4，结果返回了从banana到grape之间的元素。
总结
在ES10中，Array中的join()、toLocaleString()和toString()方法的表现方式有了一些改变。通过使用这些方法新增的参数，我们可以更好地控制数组中元素的输出方式，从而满足不同的业务需求。在实际开发中，我们需要根据具体场景和需求，选择合适的方法和参数来操作数组。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b300d7add4f0e0ffc1226c