JavaScriptの基本的な構文②：関数・配列・オブジェクト

本記事では、JavaScriptの「関数」「配列」「オブジェクト」について解説します。

関数（Function）

関数宣言

function greet(name) {
  return `こんにちは、${name}`;
}

console.log(greet('太郎'));

アロー関数（ES6）

const greet = (name) => {
  return `こんにちは、${name}`;
};

// 1行の場合は省略可能
const greetShort = name => `こんにちは、${name}`;

配列（Array）

配列の作成とアクセス

let fruits = ['りんご', 'バナナ', 'みかん'];

console.log(fruits[0]); // りんご

よく使う配列メソッド

fruits.push('ぶどう');   // 追加
fruits.pop();            // 末尾削除

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

オブジェクト（Object）

オブジェクトの定義

const user = {
  name: '山田',
  age: 25,
  isAdmin: false
};

プロパティへのアクセス

console.log(user.name);
console.log(user['age']);

メソッドを持つオブジェクト

const user = {
  name: '佐藤',
  greet() {
    console.log(`こんにちは、${this.name}`);
  }
};

user.greet();

分割代入（Destructuring）

const user = { name: '田中', age: 30 };

const { name, age } = user;
console.log(name, age);

まとめ

• 関数は処理をまとめて再利用するための基本構文
• 配列とオブジェクトはデータ管理の要
• ES6構文（アロー関数・分割代入）は実務で頻出