JavaScriptでリスト型変換を行う方法-フロントエンドQ&A-php.cn

JavaScript の急速な発展に伴い、JavaScript を使用してさまざまなアプリケーションや Web サイトを開発する開発者が増えています。中でもリスト(List)の操作は多くのJavaScript開発者にとって必須の作業です。リスト操作に JavaScript を使用する場合、型変換の処理は頻繁に発生する問題です。この記事では、開発者がリスト型変換をよりよく理解して習得できるように、リスト型変換の概念と例を紹介します。

コンセプト

JavaScriptでは、通常、リスト型は関連する値のセットを格納するために使用されます。たとえば、学生名のリストを保存したり、製品のリストを保存したりできます。 JavaScript では List 型の表現方法が複数あり、最も一般的なのは配列 (Array) です。配列は複数の要素で構成されるシーケンスであり、添字を使用してリスト内の要素にアクセス、追加、削除できます。たとえば、次のメソッドを使用して長さ 3 の配列を作成できます。

let myArray = new Array(3);

ログイン後にコピー

上記のコードは 3 つの要素を含む配列を作成しますが、この配列内の各要素は未定義です。したがって、配列を初期化し、関連する値を追加する必要があります。

myArray[0] = "张三"; myArray[1] = "李四"; myArray[2] = "王五";

ログイン後にコピー

これで、myArray 配列には 3 つの文字列要素、つまり "Zhang San"、"Li Si"、および "Wang Wu" が含まれています。

型変換

JavaScript では、さまざまなシナリオのニーズに適応するために、List 型で型変換が必要になることがよくあります。たとえば、配列内の要素を連結して文字列を形成する必要がある場合、型変換が必要になります。一般的なリスト型変換は次のとおりです。

配列を文字列に変換する

join() メソッドを使用して、配列を文字列に変換できます。 join() メソッドは、配列要素を順番に結合し、新しい文字列を返すことができます。例:

myArray.join(','); // 返回 "张三, 李四, 王五"

ログイン後にコピー

文字列を配列に変換する

split() メソッドを使用して文字列を配列に変換できます。 Split() メソッドは、指定された区切り文字に従って文字列を複数の要素に分割し、新しい配列を返します。例:

let myString = "张三, 李四, 王五"; let myArray = myString.split(", ");

ログイン後にコピー

上記のコードは、myString 文字列を「,」区切り文字に従って分割し、3 つの要素、つまり「Zhang San」、「Li Si」、および「Wang Wu」を含む配列 myArray を返します。。

配列をオブジェクトに変換する

reduce() メソッドを使用して、配列をオブジェクトに変換できます。 reduce() メソッドは、配列内の各要素を反復処理し、それを新しいオブジェクトに集約します。例:

let myArray = ["张三", "李四", "王五"]; let myObject = myArray.reduce(function(result, item, index) { result[index] = item; return result; }, {});

ログイン後にコピー

上記のコードは、myArray 配列内の各要素を属性値として新しいオブジェクトに追加し、この新しいオブジェクト myObject を返します。

オブジェクトを配列に変換する

Object.keys() メソッドを使用して、オブジェクトのすべてのプロパティ名を配列に変換できます。例:

let myObject = {0: "张三", 1: "李四", 2: "王五"}; let myArray = Object.keys(myObject).map(function(key) { return myObject[key]; });

ログイン後にコピー

上記のコードは、myObject オブジェクトのプロパティ名を 3 つの要素「0」、「1」、「2」を含む配列に変換し、map() メソッドを使用して走査します。配列を取得し、プロパティ値を返します。最後に、myArray 配列には、「Zhang San」、「Li Si」、「王五」の 3 つの要素が含まれています。