Home >Web Front-end >Front-end Q&A >How to convert es6 array into string

How to convert es6 array into string

青灯夜游Original: 2022-10-18 14:48:405148browse

3 conversion methods: 1. Use the join() function to put all the elements in the array into a string, the syntax is "array object.join (separator)"; 2. Use the toString() function, The syntax is "array object.toString()" or "array object.toString().replace(/,/gi,'separator')"; 3. Use the toLocaleString() function, the syntax is "array object.toLocaleString()".

The operating environment of this tutorial: Windows 7 system, ECMAScript version 6, Dell G3 computer.

Convert array to string (3 methods)

JavaScript allows conversion between arrays and strings. The Array method object defines three methods, which can convert arrays into strings, as shown in the table.

Array method	Description
toString()	Convert the array into a string
toLocaleString()	Convert the array into a locally agreed string
join()	Joins array elements to build a string

1: The join() method is used to put all the elements in the array into a string

The elements are specified by the delimiter Delimited

Separator specified by join()	Description
join()	can be understood as directly becoming a string, with commas as default Separate
join(' ')	Empty connection
join(',') or join(' - ') or join(' .')	The comma in the middle is added manually, or it can be changed to something else such as,. ! -You can wait.

// join()
var a= ["00", "01", "02", "03", "04"]
console.log(a)
var b=  a.join()      
console.log(b)
console.log( typeof b)
//打印结果  00,01,02,03,04

How to convert es6 array into string

// join(&#39;&#39;)
var a= ["00", "01", "02", "03", "04"]
console.log(a)
var b=  a.join(&#39;&#39;)      
console.log(b)
console.log( typeof b)
//打印结果  0001020304

How to convert es6 array into string

// join(&#39;,&#39;)
var a= ["00", "01", "02", "03", "04"]
var b=  a.join(&#39;,&#39;)      
console.log(b)
console.log( typeof b)
//打印结果  00,01,02,03,04

How to convert es6 array into string

// join(&#39;-&#39;)
var a= ["00", "01", "02", "03", "04"]
var b=  a.join(&#39;-&#39;)      
console.log(b)
console.log( typeof b)
//打印结果  00-01-02-03-04

How to convert es6 array into string

// join(&#39;！&#39;)
var a= ["00", "01", "02", "03", "04"]
var b=  a.join(&#39;!&#39;)      
console.log(b)
console.log( typeof b)
//打印结果 00!01!02!03!04

How to convert es6 array into string

2: The toString() method can convert a logical value into a string and return the result

var a= ["00", "01", "02", "03", "04"]
console.log(a)
var c = a.toString();  //把数组转换为字符串
console.log(c)
console.log(typeof c);  //返回字符串string，说明是字符串类型
//打印结果  00,01,02,03,04

How to convert es6 array into string

The toString() method cannot specify the delimiter, but we can specify the replacement through the replace() method

var a= ["00", "01", "02", "03", "04"]
var f = a.toString().replace(/,/gi,&#39;-&#39;)
console.log(f)
//打印结果：00-01-02-03-04

How to convert es6 array into string

3: toLocaleString()

Convert the array into a local agreed string

var a= ["00", "01", "02", "03", "04"]
console.log(a)
var e = a.toLocaleString();  
console.log(e)
console.log(typeof e);  
//打印结果：00,01,02,03,04

How to convert es6 array into string

demo

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var a= ["00", "01", "02", "03", "04"]
        
        //1:
        var b=  a.join(&#39;,&#39;)      
        console.log(b)
        console.log( typeof b)
        //2:
        var c = a.toString();  //把数组转换为字符串
        console.log(c)
        console.log(typeof c);  //返回字符串string，说明是字符串类型
        
        //3:
        var d = a.join();  //把数组转换为字符串
        console.log(d)
        console.log(typeof d);  //返回字符串string，说明是字符串类型
        
        //4:
        var e = a.toLocaleString();  //把数组转换为字符串
        console.log(e)
        console.log(typeof e);  //返回字符串string，说明是字符串类型
        
    </script>
</html>

How to convert es6 array into string

Expand knowledge: Convert string to array (2 methods)

String method	Description
# #split() method	Convert a string into an array
Extension operation operator(...)	Extension operator in es6

# #1: The split() method is used to split a string into a string array

It is also used to split a string into a string array, split(','), split( ), split(' ') What is the difference?

split() methodDescriptionsplit(',')# #split()split(' ') Empty string

var arr = &#39;aa,bb,cc,dd&#39;
var newStr = arr.split(&#39;,&#39;)
console.log(newStr) 
// 打印结果：["aa", "bb", "cc", "dd"]

var arr = &#39;aa,bb,cc,dd&#39;
var newStr = arr.split()
console.log(newStr)
// 打印结果： ["aa,bb,cc,dd"]

If the empty string ("") is used as a separator, then each character in the stringObject will be split

var arr = &#39;aa,bb,cc,dd&#39;
var newStr = arr.split(&#39;&#39;)
console.log(newStr) 
//打印结果： ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"]



can be understood as directly changing to a string, with default comma separation
Each character will be split

2: The expansion operator in es6

var arr = &#39;aa,bb,cc,dd&#39;
var newStr = [...arr]
console.log(newStr) 
//打印结果 ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"]

[Related recommendations: javascript video tutorial

programming video】

The above is the detailed content of How to convert es6 array into string. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to use es6 exportNext article：How to use es6 export

See more

How to convert es6 array into string

Convert array to string (3 methods)

Expand knowledge: Convert string to array (2 methods)

Related articles