TypeScript配列の基本操作

TypeScriptで配列をインスタンス化、初期化、および値を挿入する方法

宣言と初期化

• 型推論
  

  let numbers = [1, 2, 3]; // 型は number[]
  let fruits = ["apple", "banana", "orange"]; // 型は string[]
  

• 直接宣言
  

  let numbers: number[] = [1, 2, 3];
  let fruits: string[] = ["apple", "banana", "orange"];
  

値の挿入

• インデックスによるアクセス
  

  numbers[3] = 6;
  fruits[3] = "kiwi";
  

• pushメソッド
  

  numbers.push(4, 5);
  fruits.push("grape");
  

配列の長さの取得

let lengthOfNumbers = numbers.length; // 5
let lengthOfFruits = fruits.length; // 4

配列の反復処理

• forEachメソッド
  

  fruits.forEach(fruit => {
      console.log(fruit);
  });
  

• forループ
  

  for (let i = 0; i < numbers.length; i++) {
      console.log(numbers[i]);
  }
  

配列の型

TypeScriptでは、配列の型を指定することで、配列に格納できる要素の型を制限できます。

let numberArray: number[] = [1, 2, 3]; // 数値のみ
let stringArray: string[] = ["apple", "banana", "orange"]; // 文字列のみ

let numbers: number[] = [1, 2, 3]; // 数値の配列
let fruits: string[] = ["apple", "banana", "orange"]; // 文字列の配列

型推論

let numbers = [1, 2, 3]; // 型は number[]
let fruits = ["apple", "banana", "orange"]; // 型は string[]

numbers.push(4, 5); // 配列の末尾に値を追加
fruits.push("grape");

numbers[3] = 6; // インデックスによる値の変更
fruits[3] = "kiwi";

let lengthOfNumbers = numbers.length; // 5
let lengthOfFruits = fruits.length; // 4

TypeScript配列の基本操作

// forループ
for (let i = 0; i < numbers.length; i++) {
    console.log(numbers[i]);
}

// forEachメソッド
fruits.forEach(fruit => {
    console.log(fruit);
});

配列の結合

let combinedArray = numbers.concat(fruits);

配列の切り出し

let slicedArray = numbers.slice(1, 3); // インデックス1から2までの要素を切り出す

配列の検索

let indexOfNumber = numbers.indexOf(3); // 値3のインデックスを返す

配列のソート

numbers.sort(); // 昇順にソート

配列の逆順

numbers.reverse();

配列の空チェック

if (fruits.length === 0) {
    console.log("配列は空です");
}

Array.fromメソッド

let numbers = Array.from([1, 2, 3]);
let fruits = Array.from(["apple", "banana", "orange"]);

このメソッドは、既存のイテラブルオブジェクトから新しい配列を作成します。

let numbers = Array.of(1, 2, 3);
let fruits = Array.of("apple", "banana", "orange");

このメソッドは、指定された引数を要素として持つ新しい配列を作成します。

Spread構文

let numbers = [...[1, 2, 3]];
let fruits = [...["apple", "banana", "orange"]];

この構文は、既存の配列の要素を新しい配列に展開します。

mapメソッド

let squaredNumbers = numbers.map(number => number * number);

このメソッドは、配列の各要素に対して指定された関数を適用し、新しい配列を返します。

filterメソッド

let evenNumbers = numbers.filter(number => number % 2 === 0);

このメソッドは、指定された条件を満たす要素のみを含む新しい配列を返します。

reduceメソッド

let sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

このメソッドは、配列の要素を累積的に処理し、最終的な値を返します。

findメソッド

let firstEvenNumber = numbers.find(number => number % 2 === 0);

findIndexメソッド

let indexOfFirstEvenNumber = numbers.findIndex(number => number % 2 === 0);