ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScript文字列で文字列配列を作成する方法

JavaScript文字列で文字列配列を作成する方法

PHPz
PHPzオリジナル
2023-04-24 14:46:21819ブラウズ

JavaScript で文字列配列を作成するには、Array オブジェクトと文字列リテラル メソッドを使用できます。

  1. Array オブジェクトを使用した作成:

Array オブジェクトの from() メソッドを使用すると、配列のようなオブジェクトまたは反復可能なオブジェクトを配列に変換できます。文字列を文字配列に変換することで、文字列配列を作成できます。

たとえば、「hello」、「world」、「Javascript」という 3 つの文字列を含む文字列配列を作成したいとします。

let str = "hello world Javascript";
let arr = Array.from(str.split(" "));
console.log(arr); // ["hello", "world", "Javascript"]
  1. 文字列リテラルを使用して作成します :

文字列リテラルを直接使用して文字列配列を作成できます。 Javascript では、角括弧 [] を使用して配列を宣言し、各文字列をカンマで区切ることができます。

たとえば、「apple」、「orange」、「banana」という 3 つの文字列を含む文字列配列を作成したいとします。

let fruits = ["apple", "orange", "banana"];
console.log(fruits); // ["apple", "orange", "banana"]

配列内でテンプレート リテラルを使用して、文字列配列。テンプレート リテラルは、変数や式を文字列に挿入できるバックティック 内で使用される文字列です。

たとえば、「私の名前はジョンです。」、「私は 25 歳です。」、「ニューヨークに住んでいます。」という 3 つの文字列を含む文字列配列を作成したいとします。

let name = "John";
let age = 25;
let city = "New York";

let info = [`My name is ${name}.`, `I am ${age} years old.`, `I live in ${city}.`];
console.log(info); // ["My name is John.", "I am 25 years old.", "I live in New York."]

Array オブジェクトを使用して文字列配列を作成する場合でも、文字列リテラルを使用して文字列配列を作成する場合でも、インデックスを使用して配列内の各文字列にアクセスし、変更することができます。たとえば、最初の文字列「hello」を「hi」に変更する場合は、次のコードを使用できます。

arr[0] = "hi";
console.log(arr); // ["hi", "world", "Javascript"]

概要:

配列オブジェクトと文字列リテラルは、文字列の配列を作成する Javascript メソッド。これら 2 つの方法により、コード内で文字列配列を簡単に操作および管理できます。実際のニーズに応じて、さまざまな方法を選択して文字列配列を作成します。

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

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