学習パス

JavaScriptのデータ構造とアルゴリズム

Q: JavaScriptに組み込みのヒープや優先度付きキューはありますか？

ありません。あるのはArray、Map、Setとそれぞれの弱参照版だけです。面接では、30行ほどの小さな二分ヒープを書くか、ヒープを使うと述べてそのコストを説明するかのどちらかです。いずれにしても、一度は書いたことがある必要があります。それをするのが、このパスのステップ2です。

Q: なぜ[10, 9, 1].sort()は[1, 10, 9]を返すのですか？

比較関数がないと、Array.prototype.sortは要素を文字列に変換してUTF-16の順序で比較し、'10'は'9'より前に来るからです。数値はnums.sort((a, b) => a - b)でソートします。JavaScriptでソートのコードを書き始めた人の多くが、最初に出会うバグです。

JavaScriptにあるのはArray、Map、Setで、キューもヒープも連結リストも木もありません。だから面接ではそれらを作るよう求められます。このパスでは、そのひとつひとつをJavaScriptで書き、それを使ってソート、再帰、グラフ探索を行い、最後は採点付きの面接問題で締めくくります。無料、ブラウザ完結、ほとんどのコースに修了証が付きます。

学習を始める(無料)

377 レッスン228 チャレンジ702 クイズの問題

初心者向け
AIによるコーディングサポート
実践的なインタラクティブレッスン
全レッスンに音声ナレーション付き
知識を確かめるクイズ
パス全体で23枚の無料修了証

JavaScriptのDSA、ステップごとに

38 コース377 レッスン228 チャレンジ702 クイズの問題

各ステップは、すでにあるCoddyのコースの組み合わせで、どの「開始」ボタンもコースをJavaScriptで開きます。まだJavaScriptで教えていない3つのコースは、ステップのあとに載せています。

1
ステップ1
データ構造シリーズパート1
このステップを始める開始スタック、キュー、二分木、ハッシュテーブル、連結リスト。それぞれをJavaScriptでゼロから実装し、実際に問題を解くのに使います。これを終えると、配列がスタックとして優秀なのはどんなときか、キューとして不向きなのはどんなときか、そしてMapが何をしてくれているかがわかります。開始
5件のコース（順番どおり）
66 レッスン34 チャレンジ
2
ステップ2
データ構造シリーズパート2
このステップを始める開始双方向連結リスト、ヒープと優先度付きキュー、トライ木、グラフ、そして自己平衡するAVL木。JavaScriptに備わっていない構造を、手で書きます。ここで書くヒープは、グラフのステップで手に取ることになるものです。開始
5件のコース（順番どおり）
72 レッスン42 チャレンジ
3
ステップ3
ソートアルゴリズム
このステップを始める開始バブル、選択、挿入、マージ、クイック、ヒープ、計数、基数ソートを、JavaScriptで書き、可視化ツールで眺めます。組み込みのsort()はES2019以降、安定であることが求められており、V8はそれをTimsortで実装しています。このステップを終えれば、その両方の意味がわかります。開始
8件のコース（順番どおり）
74 レッスン31 チャレンジ319 問題
4
ステップ4
再帰的な考え方専用ページ
このステップを始める開始JavaScriptで再帰のチャレンジ問題。動的計画法（Pythonで解説）とビット演算（C++で解説）はステップのあとに載せています。漸化式はどの言語で読んでも同じで、JavaScriptにも同じビット演算子があり、32ビット整数に適用されます。開始専用ページ15 レッスン15 チャレンジ
5
ステップ5
グラフアルゴリズム
このステップを始める開始幅優先探索と深さ優先探索、ダイクストラ法、ベルマン・フォード法、トポロジカルソート、クラスカル法とプリム法を、ステップ2で作ったグラフの上でJavaScriptで学びます。JavaScriptには優先度付きキューがないので、ダイクストラ法に必要なのはステップ2のヒープです。開始
7件のコース（順番どおり）
63 レッスン21 チャレンジ383 問題
6
ステップ6
面接練習
このステップを始める開始10本の面接チャレンジパックと2つのコーディング問題集。12コースすべてがJavaScriptで、テストケースで採点されます。初見の問題を、解説なしで解きます。Python面接シリーズはPythonのみのため、ステップのあとに載せています。開始
12件のコース（順番どおり）
87 レッスン85 チャレンジ

使える機能

コーディングを学ぶために使うすべて

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

JavaScriptのDSAをCoddyで学ぶ理由

JavaScriptにない構造を。ヒープ、優先度付きキュー、連結リスト、木は組み込まれていないので、それらの実装はJavaScript面接の定番です。このパスではそのすべてを自分で書き、グラフと面接のコースで使います。
Web開発者のための面接対策。規模の大きな企業のフロントエンドやフルスタックの選考にはアルゴリズムの面接が含まれ、フロントエンドの候補者はたいていJavaScriptで受けます。DOMは木で、コンポーネントの階層も木なので、同じ走査がUIの質問にも出てきます。
パスのほぼすべてをJavaScriptで。データ構造、ソート、グラフアルゴリズム、再帰のチャレンジ、面接パックは、すべてJavaScriptで教えています。そうでない3つ、つまり動的計画法とPython面接シリーズ（Python）、そしてビット演算（C++）は、それぞれの言語とともにステップのあとに載せています。
面接と同じ形で採点。どのレッスンもテストケースで確認されるJavaScriptのチャレンジで終わり、失敗したときはBugsyがあなたのコードを読み、答えを教えずに修正の方向へ導きます。ほとんどのコースで無料の修了証が発行され、それぞれ専用URLで検証できます。

JavaScriptでのDSA学習についてよくある質問

JavaScriptはデータ構造とアルゴリズムの学習に向いていますか？

はい。とくにフロントエンドやフルスタックの職種を目指すなら、面接で使うのがこの言語です。早めに知っておきたい癖が3つあります。組み込みのヒープやキューがないこと、比較関数を渡さないとsort()が文字列として比較すること、そしてすべての数値が64ビット浮動小数点数なので、2^53を超える整数にはBigIntが必要なことです。

JavaScriptに組み込みのヒープや優先度付きキューはありますか？

ありません。あるのはArray、Map、Setとそれぞれの弱参照版だけです。面接では、30行ほどの小さな二分ヒープを書くか、ヒープを使うと述べてそのコストを説明するかのどちらかです。いずれにしても、一度は書いたことがある必要があります。それをするのが、このパスのステップ2です。

なぜ`[10, 9, 1].sort()`は`[1, 10, 9]`を返すのですか？

比較関数がないと、Array.prototype.sortは要素を文字列に変換してUTF-16の順序で比較し、'10'は'9'より前に来るからです。数値はnums.sort((a, b) => a - b)でソートします。JavaScriptでソートのコードを書き始めた人の多くが、最初に出会うバグです。

フロントエンドの面接でも、データ構造とアルゴリズムは問われますか？

多くの大企業では問われます。たいていはUIやシステム設計の面接と並んで、配列、ハッシュマップ、木、グラフ走査を扱う面接が1〜2回、JavaScriptで行われます。小規模な企業は実務的な課題に重きを置く傾向があります。いずれにしても、Mapの検索は定数時間で、2つのリストに対する二重ループはそうではないと知っていることが、動くだけの答えと速い答えを分けます。

このパスで、JavaScriptで教えていないコースはどれですか？

3つです。動的計画法とPython面接シリーズはPythonで、ビット演算はC++で教えています。これらはステップのあとに載せていて、それぞれのリンクはコースをその言語で開きます。JavaScriptにも同じビット演算子と>>>がありますが、32ビット整数に対して適用されます。テクニックを移植するときは、そのことを覚えておきましょう。