Javascript文法

変数の型

• プリミティブ型: string、number、boolean、null、undefined、symbol
未定義型・未定義値: undefined
・ 変数が未定義を明示する場合に使う
・ 変数が未定義の場合は、typeof myVar が未定義型 "undefined" を返す
• ヌル値: null
  ・ 変数の値は定義されているが、例外値であることを明示する場合に使う
• bool型: true, false
• 文字列型 (string): ""あるいは '' で囲む
• 数値型 (number): 整数、浮動小数点の区別はない
• NaN値
• 配列
• 型月配列: ArrayBuffer(), Int8Array(), Uint8Array(), Float32Array()など
  let myVar = new Uint8Array(4);
• オブジェクト(object): 連想配列、辞書型
  日付オブジェクト: let date = new Date(year, month, day, ...);
• 関数: function func_name()
• シンボル型 (symbol)

型のチェック: typeof
>　例: if (typeof myVar === "string") { }

配列かどうかのチェック: 
　例: Array.isArray(myVar)
　例: myVar instanceof Array

オブジェクト

• Javascriptでは、プリミティブ型を除いて、ほとんどがオブジェクトです。
  ただし、プリミティブ型であっても、string.loengthのようにオブジェクトとして扱われることがあります
  　
• オブジェクトの属性値はプロパティ、関数はメソッドと呼ばれます

変数宣言

• 以前は var宣言が使われていましたが、globalスコープになるため、推奨されていません
• const myVar = "aaa";   // 定数
• let myVar = "aaa"; // ブロック内のみで有効な局所変数
  for文でも使える: for (let i = 0 ; i < 10 ; i++) { }
• 変数名は半角英数字、_。大文字小文字を区別する
  　
• strict modeを使うことで、文法チェックが厳しくなる。
  　例: 未定義変数への代入、書き込み禁止属性への代入、削除不可変数のdelete、関数引数の重複
  一番最初に
  "use strict";
  と書く
  　
• 配列の作成
  array = [v1, v2, ..]
  array = new Array()
  array = new Array(n)
  array = new Array(v1, va2, ...)
  Array.from(arrayLike)
  Array.of(v1, v2, ...)
• 配列の長さ: array.length
• key, valueを返す: array.entries()
• keyを返す: array.keys()
• valueを返す: array.values()
• ｓに一致する要素の最初のindexを返す: array.indexOf(s)
• ｓに一致する要素の最後のindexを返す: array.lastIndexOf(s)
• ｓに一致する要素があるかどうかを判断: array.includes(s)
• indexの要素が存在するかどうかを判断: index in array
• n番目の要素を取り出す。負の値を使える: array.at(n)
• arrayの先頭にv1, v2, ..の要素を追加: array.unshift（v1、v2, ...)
• arrayの最後にv1, v2, ..の要素を追加: array.push（v1、v2, ...)
• arrayの先頭の要素を削除 array.shift()
• arrayの最後の要素を削除: array.pop()
• ソート: array.sort([func])
• 要素を逆順に並べ替える: array.reverse([func])
• 配列の連結: array.concat(array2, ...)
• 配列の要素を連結: array.join(seperator)
• 配列を文字列へ変換: array.toString()
• 高次元配列の次元を落とす: array.flat(depth)
• arrayが配列かどうかを判断: Array.isArray(array)
• 全ての要素にcallbackを実行し、全てtrueであればtrueを返す: array.every(callback)
• 要素にcallbackを実行し、trueの要素があればtrueを返す: array.some(callback)
• 要素にcallbackを実行し、最初にtrueになった要素を返す: array.find(callback)
• 要素にcallbackを実行し、最初にtrueになった要素を返す: array.findLast(callback)
• 要素にcallbackを実行し、最後にtrueになった要素のindexを返す: array.findIndex(callback)
• 要素にcallbackを実行し、最後にtrueになった要素のindexを返す: array.findLastIndex(callback)
• 各要素にcallbackを呼び出す: array.map(callback)
• 各要素にcallbackをよびだす
  array.forEach(function(value, index, array) {
    ...;
  });

配列

配列の代入

let x = 5, y = 10;
[x, y] = [y, x]; // x と y を交換

スライス
const numbers = [10, 20, 30, 40, 50];
const sliced = numbers.slice(1, 3);  // 1から2までの要素を配列として取得。負のインデックスは最後から数える

ネストされた配列の代入
const matrix = [[1, 2], [3, 4]];
const [[a, b], [c, d]] = matrix

分割代入

const numbers = [10, 20, 30];
const [a, b, c] = numbers;

const numbers = [10, 20, 30, 40];
// 1つ目と3つ目の要素を取得（2つ目はスキップ）
const [first, , third] = numbers;

const numbers = [10, 20, 30, 40, 50];
// 最初の要素を `first` に、残りを `rest` に
const [first, ...rest] = numbers;
// 最後の要素を `last` に、残りを `rest` に
const numbersReversed = [...numbers].reverse();
const [last, ...restReversed] = numbersReversed;

オブジェクトの代入

オブジェクトの場合、分割代入 (デストラクチャリング）が使えます。

const user = { name: "Alice", age: 25, country: "Japan" };
const { name, age, country } = user;

プロパティ名の変更

/ `name` を `userName` という変数名に変更
const { name: userName, age: userAge } = user;

デフォルト値の変更

// `age` は存在しないのでデフォルト値 `20` が適用される
const { name, age = 20, country = "Unknown" } = user;

ネストされたオブジェクトの分割代入

const person = {
  name: "David",
  address: {
    city: "Tokyo",
    zip: "100-0001"
  }
};
// ネストされたオブジェクトを分割代入
const { name, address: { city, zip } } = person;

スプレッド構文 (...)

const user = { name: "George", age: 28, country: "USA", job: "Engineer" };

// `name` と `age` を取得し、残りを `rest` にまとめる
const { name, age, ...rest } = user;