JavaScript/Node.js コードをオンラインで実行

オンラインのJavaScript/Node.jsランナーを使って、JavaScriptコードをすぐに書いて、実行して、テストしましょう。セットアップやインストールは不要です。ブラウザでJSを書いて実行するだけで、Node.jsがバックエンドで動作します。

バージョン

サンプル

💡 Node.js 基本ガイド for 初心者

1. 変数と定数の宣言

let または const を使ってブロックスコープの変数を宣言します。const は定数に使用します。

let x = 10;
const PI = 3.14;
let name = "Alice";
let isActive = true;

2. 条件分岐 (if / switch)

制御フローには if、else if、else または switch を使用します。

let x = 2;
if (x === 1) {
  console.log("One");
} else if (x === 2) {
  console.log("Two");
} else {
  console.log("Other");
}

switch (x) {
  case 1:
    console.log("One");
    break;
  case 2:
    console.log("Two");
    break;
  default:
    console.log("Other");
}

3. ループ

データを反復処理するには for、while、forEach を使用します。

for (let i = 0; i < 3; i++) {
  console.log(i);
}

let n = 3;
while (n > 0) {
  console.log(n);
  n--;
}

4. 配列

配列を使用して値の順序付きリストを格納します。インデックスでアクセスします。

let fruits = ["apple", "banana", "cherry"];
console.log(fruits[0]);
console.log(fruits.length);

5. 配列操作

push、pop、slice、reverse などのメソッドを使用します。

fruits.push("kiwi");
fruits.pop();
console.log(fruits.slice(0, 2));
console.log(fruits.reverse());

let squares = [1, 2, 3, 4, 5].map(x => x * x);
console.log(squares);

6. コンソール入出力

出力には console.log を、入力には readline モジュールを使用します。

const readline = require('readline');

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

rl.question("What's your name? ", name => {
  console.log(`Hello, ${name}`);
  rl.close();
});

Node.js 基本ガイド

7. 関数

関数は宣言または表現できます。モダンなJavaScriptではアロー関数がよく使われます。

function greet(name) {
  return `Hello, ${name}`;
}

const add = (a, b) => a + b;

console.log(greet("Alice"));
console.log(add(2, 3));

8. オブジェクト (マップ)

オブジェクトはキーと値のペアを格納します。辞書やマップに似ています。

let person = { name: "Bob", age: 25 };
console.log(person.name);
console.log(person["age"]);

// ES6 Map
const map = new Map();
map.set("a", 1);
console.log(map.get("a"));

9. 例外処理

エラーを安全に処理するには try、catch、finally を使用します。

try {
  throw new Error("Something went wrong");
} catch (e) {
  console.log(e.message);
} finally {
  console.log("Cleanup if needed");
}

10. ファイル入出力

Node.js の fs モジュールを使用してファイルを読み書きします。

const fs = require("fs");

fs.writeFileSync("test.txt", "Hello File");
const data = fs.readFileSync("test.txt", "utf8");
console.log(data);

11. 文字列操作

trim()、toUpperCase()、replace()、split() などのメソッドを使用します。

let text = "  Hello World  ";
console.log(text.trim());
console.log(text.toUpperCase());
console.log(text.replace("Hello", "Hi"));
console.log(text.split(" "));

12. クラスとオブジェクト

ES6+ では class 構文を使用してOOPをサポートします。

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return `Hi, I'm ${this.name}`;
  }
}

const p = new Person("Alice");
console.log(p.greet());

13. 参照

JavaScriptのオブジェクトと配列は参照渡しされます。

function update(arr) {
  arr.push("changed");
}

let data = ["original"];
update(data);
console.log(data);  // ["original", "changed"]