cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

青灯夜游
青灯夜游asal
2022-10-18 14:48:405115semak imbas

3 kaedah penukaran: 1. Gunakan fungsi join() untuk meletakkan semua elemen dalam tatasusunan ke dalam rentetan, sintaksnya ialah "objek array.join (separator)" 2. Gunakan toString(); fungsi, Sintaks ialah "objek tatasusunan.toString()" atau "objek tatasusunan.toString().ganti(/,/gi,'pemisah')"; 3. Gunakan fungsi toLocaleString(), sintaksnya ialah "objek tatasusunan .toLocaleString()".

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Array ke rentetan (3 kaedah)

JavaScript membenarkan penukaran antara tatasusunan dan rentetan. Objek kaedah Array mentakrifkan tiga kaedah, yang boleh menukar tatasusunan kepada rentetan, seperti yang ditunjukkan dalam jadual.

数组方法

说明

toString()

将数组转换成一个字符串

toLocaleString()

把数组转换成本地约定的字符串

join()

将数组元素连接起来以构建一个字符串
Kaedah tatasusunan

 Penerangan
toString()
 Tukar tatasusunan kepada rentetan
toLocaleString()

join()指定的分隔符

说明

join()

可理解为直接变成字符串，默认逗号分隔

join(' '）

空连接

join(' ，')或者 join(' - ')或者 join(' 。')

中间这个逗号是手动添加的，也可以改成别的比如、。! -等等都可以
Tukar tatasusunan kepada rentetan yang dipersetujui setempat
join()
 Sertai elemen tatasusunan untuk membina String
1: Kaedah join() digunakan untuk meletakkan semua elemen dalam tatasusunan A rentetan elemen dipisahkan oleh pembatas yang ditentukan
Pembatas yang ditentukan oleh join()
 Penerangan
sertai ()
 boleh difahami sebagai langsung Menjadi rentetan, dipisahkan koma secara lalai
join(' ')
 Kosongkan sertai
join(', ') or join(' - ') or join( '. ')
 Koma di tengah ditambah secara manual, atau ia boleh ditukar kepada sesuatu yang lain Contohnya,. ! - Anda boleh menunggu
 
// 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

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

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

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

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

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

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

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

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

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

2: Kaedah toString() boleh menukar nilai logik kepada rentetan dan mengembalikan hasilnya

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

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

Kaedah toString() tidak boleh menentukan pembatas, tetapi kami boleh menentukan penggantian melalui kaedah replace() 

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

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

3: toLocaleString()

Tukar tatasusunan kepada rentetan yang dipersetujui setempat 

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

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

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>

Bagaimana untuk menukar tatasusunan es6 menjadi rentetan

Pengetahuan lanjutan: rentetan kepada tatasusunan (2 jenis Kaedah)

Tukar rentetan kepada tatasusunan

字符串方法

说明

split() 方法

将字符串转换成一个数组

扩展运算符（...）

es6里面的扩展运算符
Kaedah rentetan

 Penerangan
kaedah split()

split()方法

说明

split(',')

split()

可理解为直接变成字符串，默认逗号分隔

split(' '） 空字符串

每个字符之间都会被分割

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

Kembangkan operator dalam es6

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

1: Split( ) kaedah digunakan untuk memisahkan rentetan kepada tatasusunan rentetan

Ia juga digunakan untuk memisahkan rentetan kepada tatasusunan rentetan, split(','), split() , apakah perbezaannya antara split(' ')? 
var arr = &#39;aa,bb,cc,dd&#39;
var newStr = [...arr]
console.log(newStr) 
//打印结果 ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"]

kaedah split()

 Penerangan
split(',')
split()
 boleh difahami sebagai a perubahan terus kepada rentetan, dipisahkan dengan koma secara lalai
belah (' ') Rentetan kosong
 Setiap aksara akan dipecahkan
Jika rentetan kosong ("") digunakan sebagai pemisah, maka setiap stringObject Setiap watak akan dibahagikan kepada 2: Operator pengembangan dalam es6 [Cadangan berkaitan: tutorial video javascript、 Video pengaturcaraan】

Atas ialah kandungan terperinci Bagaimana untuk menukar tatasusunan es6 menjadi rentetan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Cara menggunakan eksport es6Artikel seterusnya：Cara menggunakan eksport es6

Artikel berkaitan

Lihat lagi