ホームページ  >  記事  >  ウェブフロントエンド  >  es6配列を文字列に変換する方法

es6配列を文字列に変換する方法

青灯夜游
青灯夜游オリジナル
2022-10-18 14:48:405099ブラウズ

3 変換方法: 1. join() 関数を使用して、配列内のすべての要素を文字列に入れます。構文は「array object.join (separator)」です。 2. toString() を使用します。関数、構文は「array object.toString()」または「array object.toString().replace(/,/gi,'separator')」です; 3. toLocaleString() 関数を使用します、構文は「array object」です.toLocaleString()」。

es6配列を文字列に変換する方法

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

配列を文字列に変換する (3 つのメソッド)

JavaScript では、配列と文字列間の変換が可能です。 Array メソッド オブジェクトは、表に示すように、配列を文字列に変換できる 3 つのメソッドを定義します。

#join()配列要素を結合して文字列を構築します
#配列メソッド


説明


toString()


配列を文字列に変換します


toLocaleString()


配列をローカルで合意された文字列に変換します




##1: join() メソッドは、配列内のすべての要素を文字列に入れるために使用されます。

#要素は区切り文字 Delimited で指定されます。

join() で指定された区切り文字#join()空の接続 真ん中のカンマは手動で追加することも、、などの別のものに変更することもできます。 ! -お待ちください。


説明


# は、デフォルトとしてカンマを使用して、直接文字列になるものとして理解できます。

join(' ')


join(',') または join(' - ') または join(' .')


#
// 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

es6配列を文字列に変換する方法

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

es6配列を文字列に変換する方法

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

es6配列を文字列に変換する方法

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

es6配列を文字列に変換する方法

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

es6配列を文字列に変換する方法

2: toString() メソッドは、論理値を文字列に変換し、結果を返すことができます。

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

es6配列を文字列に変換する方法

toString() メソッドでは区切り文字を指定できませんが、 replace() メソッドを通じて置換を指定できます。

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

es6配列を文字列に変換する方法

3: toLocaleString()

配列をローカルで合意された文字列に変換します

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
es6配列を文字列に変換する方法

#デモ

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

es6配列を文字列に変換する方法

知識を広げる: 文字列を配列に変換する (2 つのメソッド)

文字列メソッド

説明

# #split () メソッド


文字列を配列に変換します


拡張演算子 (. ..)


es6 の拡張演算子


# #1: 分割( ) メソッドは、文字列を文字列配列に分割するために使用されます

また、文字列を文字列配列に分割するためにも使用されます。違いはなんですか?

#split() メソッド は文字列に直接変換されるものとして理解でき、デフォルトはカンマ区切りです 2: es6 の展開演算子
var arr = &#39;aa,bb,cc,dd&#39;
var newStr = [...arr]
console.log(newStr) 
//打印结果 ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"]
]


説明


###############スプリット('、')############################ # split()


split(' ') 空の文字列
各文字は分割されます


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

空の文字列 ("") が区切り文字として使用される場合、stringObject 内の各文字は分割されます

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

[関連する推奨事項:

JavaScript ビデオ チュートリアル

プログラミング ビデオ

以上がes6配列を文字列に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。