ホームページ > ウェブフロントエンド > フロントエンドQ&A > 出力JavaScriptの配列を返す方法

出力JavaScriptの配列を返す方法

WBOY
リリース: 2023-05-12 10:03:36
オリジナル
895 人が閲覧しました

JavaScript では、配列は一般的に使用されるデータ型です。配列を使用して一連のデータを保存できます。 JavaScript プログラムを作成するときは、配列の走査、配列の変更、配列の並べ替えなど、配列を処理する必要があることがよくあります。配列を処理する場合、特定の関数の処理結果を新しい配列に格納したり、元の配列を変更したりする必要がある場合があります。変更された配列は呼び出し元に返されます。この記事では、JavaScript で出力配列を返す方法について説明します。

  1. return ステートメントを使用して配列を返す

JavaScript では、関数は return ステートメントを通じて関数の実行結果を返します。関数は、文字列、数値、オブジェクト、ブール値、配列など、あらゆるタイプの値を返すことができます。関数で配列を返したい場合は、return ステートメントの戻り値として配列を使用できます。たとえば、次のコードは、配列をパラメータとして受け取り、0 から 2 のインデックスを持つその配列の部分配列を返す関数を定義します。

function getSubArray(arr) {
  return arr.slice(0, 3);
}

let arr = [1, 2, 3, 4, 5];
let subArr = getSubArray(arr); // [1, 2, 3]
ログイン後にコピー

上の例では、getSubArray 関数は return ステートメントを通じて配列 arr の部分配列 [1, 2, 3] を返します。 getSubArray によって返された部分配列を変数 subArr に格納します。 return 配列は return ステートメントを通じて返されます。

  1. 配列オブジェクトを使用した関数の呼び出し

JavaScript では、配列は、配列の操作に使用できるいくつかの組み込みメソッドを持つオブジェクトです。これらのメソッドは変更された配列を返します。これらのメソッドを使用して出力配列を返すことができます。一般的に使用される配列メソッドの一部を以下に示します。

  • push(): 1 つ以上の要素を配列の末尾に追加します。
  • pop(): 配列の最後の要素を削除します。
  • shift(): 配列の最初の要素を削除します。
  • unshift(): 配列の先頭に 1 つ以上の要素を追加します。
  • splice(): 配列に要素を追加または削除します。
  • slice(): 配列の部分配列を返します。

たとえば、次のコードは、配列をパラメータとして受け取り、新しい要素 1 を配列の末尾に追加する関数を定義します。その後、関数は変更された配列を呼び出し元に返します。

function appendOne(arr) {
  arr.push(1);
  return arr;
}

let arr = [1, 2, 3];
let newArr = appendOne(arr); // [1, 2, 3, 1]
ログイン後にコピー

上の例では、関数 appendOne を定義しました。この関数は、配列オブジェクトの Push メソッドを呼び出して、配列の末尾に新しい要素 1 を追加します。次に、関数は return ステートメントを使用して、変更された配列を呼び出し元に返します。返された配列を変数 newArr に保存します。

  1. ES6 のスプレッド演算子の使用

ES6 では、スプレッド演算子 (...) を使用して配列を展開できます。配列をパラメータとして関数に渡すとき、スプレッド演算子を使用して配列をパラメータ リストに展開できます。さらに、スプレッド演算子を使用して、2 つ以上の配列を 1 つの配列に結合することもできます。

次の例は、スプレッド演算子を使用して関数にパラメーターとして配列を渡す方法を示しています。

function sum(...numbers) {
  let result = 0;
  for (let num of numbers) {
    result += num;
  }
  return result;
}

let arr = [1, 2, 3, 4];
let total = sum(...arr); // 10
ログイン後にコピー

上の例では、次を使用する関数 sum を定義しました。 for ループは、渡されたパラメーターの配列を反復処理し、それらの合計を計算します。スプレッド演算子を使用して、配列 arr をパラメータ リストに展開します。次に、関数の戻り値 10 を total 変数に格納します。

2 つの配列を 1 つの配列にマージする場合は、スプレッド演算子を使用できます。以下に例を示します。

let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = [...arr1, ...arr2]; // [1, 2, 3, 4]
ログイン後にコピー

上記の例では、2 つの配列 arr1 と arr2 をパラメーター リストに展開し、それらを新しい配列 arr3 にマージします。新しい配列 arr3 には、元の配列 arr1 と arr2 のすべての要素が含まれます。

概要

JavaScript では、return ステートメント、配列オブジェクトの組み込みメソッド、スプレッド演算子、その他のメソッドを使用して、変更された配列を呼び出し元に返すことができます。いずれにしても、JavaScript プログラムを作成する際に配列をより適切に処理、変更、返すのに役立ちます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート