How to convert es6 array into string-Front-end Q&A-php.cn

How to convert es6 array into string

青灯夜游

Release： 2023-01-18 19:03:32

Original

5143 people have browsed it

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()".

How to convert es6 array into string

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

Copy after login

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

Copy after login

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

Copy after login

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

Copy after login

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

Copy after login

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

Copy after login

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

Copy after login

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

Copy after login

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>

Copy after login

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"]

Copy after login

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

Copy after login

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"]

Copy after login



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"]

Copy after login

[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!