JavaScript の配列を同じ値で埋める

この記事は 2021 年 06 月 15 日に投稿しました。

目次

1. はじめに
2. JavaScript の配列を同じ値で埋める
3. おわりに

リンク

1. はじめに

こんにちは、iOS のエディタアプリPWEditorの開発者の二俣です。
今回は業務で使用している JavaScript の配列を同じ値で埋める方法についてです。

目次へ

2. JavaScript の配列を同じ値で埋める

Javascript の配列を同じ値で埋めるには、Arrayオブジェクトのfillメソッドを使用します。

書式

arr.fill(value[, start[, end]])

引数

value
配列に設定する値

start
開始する位置(0 起算)
デフォルトは 0

end
終了する位置(1 起算)
デフォルトは配列の長さ

戻り値

変更された配列
ただし元の配列も変更されます。

実装例

const arr = [1, 2, 3, 4, 5];

// 全て0で埋められます。
const arr1 = Object.create(arr);
console.log(arr1.fill(0));

// 1番目(0起算)以降が0で埋められます。
const arr2 = Object.create(arr);
console.log(arr2.fill(0, 1));

// 2番目から3番目が0で埋められます。
const arr3 = Object.create(arr);
console.log(arr3.fill(0, 2, 4));

実行結果

[object Object] {
  0: 0,
  1: 0,
  2: 0,
  3: 0,
  4: 0
}
[object Object] {
  0: 1,
  1: 0,
  2: 0,
  3: 0,
  4: 0
}
[object Object] {
  0: 1,
  1: 2,
  2: 0,
  3: 0,
  4: 5
}

リファレンス

Arrayオブジェクト

fillメソッド

目次へ

3. おわりに

配列の初期化に使えると思います。
開始位置は 0 起算で指定しますが、終了位置は 1 起算になるため注意が必要です。

リンク

紹介している一部の記事のコードはGitlabで公開しています。
興味のある方は覗いてみてください。

目次へ

---

私が勤務しているニューラルでは、主に組み込み系ソフトの開発を行っております。
弊社製品のハイブリッド OS Bi-OSは高い技術力を評価されており、特に制御系や通信系を得意としています。
私自身はiOS モバイルアプリやウィンドウズアプリを得意としております。
ソフトウェア開発に関して相談などございましたら、お気軽にご連絡ください。

また一緒に働きたい技術者の方も随時募集中です。
興味がありましたらご連絡ください。

EMAIL : info-nr@newral.co.jp / m-futamata@newral.co.jp
TEL : 042-523-3663
FAX : 042-540-1688

目次へ