es6配列を文字列に変換する方法-フロントエンドQ&A-php.cn

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

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

ホームページ

ウェブフロントエンド

フロントエンドQ&A

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

青灯夜游

Oct 18, 2022 pm 02:48 PM

javascript es6 es6 アレイ

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(&#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

ログイン後にコピー

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

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

ログイン後にコピー

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

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

ログイン後にコピー

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

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

ログイン後にコピー

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,&#39;-&#39;)
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

ログイン後にコピー

#デモ

<!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 までご連絡ください。

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7720

Java チュートリアル

1642

CakePHP チュートリアル

1396

Laravel チュートリアル

1289

PHP チュートリアル

1233

Related knowledge

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript：リアルタイム監視システムを実現するためのキーテクノロジーはじめに：インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイムオンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータスコードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータスコードを取得する方法、特定のコード例が必要です序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータスコードを取得して操作が成功したかどうかを判断し、さまざまなステータスコードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータスコードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript と WebSocket: 効率的なリアルタイム画像処理システムの構築 Dec 17, 2023 am 08:41 AM

JavaScript は Web 開発で広く使用されているプログラミング言語であり、WebSocket はリアルタイム通信に使用されるネットワークプロトコルです。 2 つの強力な機能を組み合わせることで、効率的なリアルタイム画像処理システムを構築できます。この記事では、JavaScript と WebSocket を使用してこのシステムを実装する方法と、具体的なコード例を紹介します。まず、リアルタイム画像処理システムの要件と目標を明確にする必要があります。リアルタイムの画像データを収集できるカメラデバイスがあるとします。

See all articles

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

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

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

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック