テックコード -web関連の情報サイト- 
JavaScriptは、ウェブ開発において不可欠なプログラミング言語です。動的でインタラクティブなウェブページを作成するためのツールとして広く使われています。本記事では、JavaScriptの基本的な考え方と、アルゴリズムの例を交えて詳しく説明します。
JavaScriptの基本構文と概念
1. 変数の宣言とデータ型
JavaScriptでは、変数はvar, let, constを使って宣言します。letとconstはES6（ECMAScript 2015）から導入され、スコープの管理がvarよりも厳格です。
let age = 25; // 再代入可能な変数
const name = "Alice"; // 再代入不可な定数
データ型は主に次の6つです。
- Number: 数値
- String: 文字列
- Boolean: 真偽値
- Object: オブジェクト
- Undefined: 未定義
- Null: 無
2. 関数
関数は、特定のタスクを実行するためのブロックです。以下は基本的な関数の例です。
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("Alice")); // "Hello, Alice!"
ES6では、アロー関数も導入されました。
const greet = (name) => `Hello, ${name}!`;
3. 条件文
条件文は、特定の条件に基づいてコードを実行するために使います。
let number = 10;
if (number > 0) {
console.log("Positive number");
} else if (number < 0) {
console.log("Negative number");
} else {
console.log("Zero");
}
4. ループ
ループは、同じコードを繰り返し実行するために使います。forループとwhileループが一般的です。
for (let i = 0; i < 5; i++) {
console.log(i);
}
let j = 0;
while (j < 5) {
console.log(j);
j++;
}
アルゴリズムの考え方
アルゴリズムは、特定の問題を解決するための手順や方法です。以下に、いくつかの基本的なアルゴリズムを紹介します。
1. 線形探索（Linear Search）
線形探索は、リスト内の全ての要素を順にチェックして、目標の要素を探すアルゴリズムです。
function linearSearch(arr, target) {
for (let i = 0; i < arr.length; i++) {
if (arr[i] === target) {
return i;
}
}
return -1;
}
let array = [10, 20, 30, 40, 50];
console.log(linearSearch(array, 30)); // 2
console.log(linearSearch(array, 60)); // -1
2. バブルソート（Bubble Sort）
バブルソートは、隣接する要素を比較して、順序が間違っていれば入れ替えることで、リストをソートするアルゴリズムです。
function bubbleSort(arr) {
let n = arr.length;
for (let i = 0; i < n - 1; i++) {
for (let j = 0; j < n - 1 - i; j++) {
if (arr[j] > arr[j + 1]) {
[arr[j], arr[j + 1]] = [arr[j + 1], arr[j]]; // Swap
}
}
}
return arr;
}
let array = [64, 34, 25, 12, 22, 11, 90];
console.log(bubbleSort(array)); // [11, 12, 22, 25, 34, 64, 90]
3. 二分探索（Binary Search）
二分探索は、ソートされたリストを対象とし、リストの中間要素と目標を比較して、探索範囲を半分に減らすアルゴリズムです。
function binarySearch(arr, target) {
let left = 0;
let right = arr.length - 1;
while (left <= right) {
let mid = Math.floor((left + right) / 2);
if (arr[mid] === target) {
return mid;
} else if (arr[mid] < target) {
left = mid + 1;
} else {
right = mid - 1;
}
}
return -1;
}
let sortedArray = [2, 3, 4, 10, 40];
console.log(binarySearch(sortedArray, 10)); // 3
console.log(binarySearch(sortedArray, 5)); // -1
4. マージソート（Merge Sort）
マージソートは、分割統治法を用いてリストを再帰的に分割し、それぞれをソートしてから結合するアルゴリズムです。
function mergeSort(arr) {
if (arr.length <= 1) {
return arr;
}
let mid = Math.floor(arr.length / 2);
let left = mergeSort(arr.slice(0, mid));
let right = mergeSort(arr.slice(mid));
return merge(left, right);
}
function merge(left, right) {
let result = [];
let leftIndex = 0;
let rightIndex = 0;
while (leftIndex < left.length && rightIndex < right.length) {
if (left[leftIndex] < right[rightIndex]) {
result.push(left[leftIndex]);
leftIndex++;
} else {
result.push(right[rightIndex]);
rightIndex++;
}
}
return result.concat(left.slice(leftIndex)).concat(right.slice(rightIndex));
}
let array = [38, 27, 43, 3, 9, 82, 10];
console.log(mergeSort(array)); // [3, 9, 10, 27, 38, 43, 82]
5. クイックソート（Quick Sort）
クイックソートも分割統治法を用い、リストを基準値（ピボット）を使って分割し、再帰的にソートするアルゴリズムです。
function quickSort(arr) {
if (arr.length <= 1) {
return arr;
}
let pivot = arr[arr.length - 1];
let left = [];
let right = [];
for (let i = 0; i < arr.length - 1; i++) {
if (arr[i] < pivot) {
left.push(arr[i]);
} else {
right.push(arr[i]);
}
}
return [...quickSort(left), pivot, ...quickSort(right)];
}
let array = [10, 7, 8, 9, 1, 5];
console.log(quickSort(array)); // [1, 5, 7, 8, 9, 10]
まとめ
JavaScriptは、その柔軟性と強力な機能により、ウェブ開発において非常に重要な役割を果たします。基本的な構文を理解し、各種アルゴリズムを実装できるようになることで、より効率的で高度なプログラムを書くことができるようになります。アルゴリズムの理解は、プログラムのパフォーマンスを最適化し、問題解決能力を向上させるために不可欠です。是非、今回紹介した内容を参考にして、JavaScriptのスキルを磨いてください。
