JavaScriptで幅優先探索 (bfs) を実装する

JavaScriptで幅優先探索 (bfs) を実装する

2020-01-139 min read

目次

  1. 概要
  2. bfsソースコード

概要

JavaScriptで幅優先探索 (bfs) を実装し簡単な最短経路の探索問題を解いてみました。

AtCoderの問題を参考にしています

https://atcoder.jp/contests/abc007/tasks/abc007_3

bfsソースコード

前提

bfs 関数の定義について

引数 tableは、れぞれのマスが通行可能な空きマス(.)か通行不可能な壁マス(#) で定義されている2次元配列です。

引数 start は、探索のスタート一であり [y, x] の形式の配列で渡します。

引数 goal は、探索のスタート一であり [y, x] の形式の配列で渡します。

それぞれの引数の詳細はテストコードをご覧ください。

bfs関数

function bfs(table, start, goal) {
  const d = [[1, 0], [0, 1], [-1, 0], [0, -1]];
  const queue = [];
  const H = table.length;
  const W = table[0].length;
  const min = [...Array(H)].map(n => [...Array(W)].fill('*'));
  queue.push(start);
  min[start[0]][start[1]] = 0;
  // Queue に残りがある限りループする
  while (queue.length > 0) {
    const p = queue.shift();
    // ゴールに到着しているならbreak
    if (p[0] === goal[0] && p[1] === goal[1]) {
      break;
    }
    // 右、下、左、上の順でチェック
    for (let i = 0; i < d.length; i++) {
      const next_y = p[0] + d[i][0];
      const next_x = p[1] + d[i][1];
      // はみ出し、壁衝突を考慮する
      if (next_y < 0 || W <= next_x) continue;
      if (next_x < 0 || H <= next_y) continue;
      if (table[next_y][next_x] === '#') continue;
      if (min[next_y][next_x] !== '*') continue;
      // 新しいポジションへの移動は現地点への最短経路+1となる
      queue.push([next_y, next_x]);
      min[next_y][next_x] = min[p[0]][p[1]] + 1;
    }
  }
  return min[goal[0]][goal[1]];
}

テストコード

'use strict';
main();
function main() {
  const S = [1, 1]; // start
  const G = [1, 3]; // goal
  const T = [
    '########',
    '#.#....#',
    '#.###..#',
    '#......#',
    '########',
  ].map(n => n.split(''));
  const answer = bfs(T, S, G);
  console.log(answer); // 10
}
Tags
javascript(109)
linux(54)
node.js(53)
amazon%20aws(47)
typescript(44)
%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0(36)
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86(30)
html5(29)
php(24)
centos(24)
python(22)
%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0(21)
mac(21)
mysql(20)
canvas(19)
opencv(17)
%E9%9B%91%E8%AB%87(16)
docker(16)
wordpress(15)
atcoder(14)
apache(12)
%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92(12)
%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9(12)
amazon%20s3(12)
red%20hat(12)
prisma(12)
ubuntu(11)
github(10)
git(10)
vue.js(10)
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86100%E6%9C%AC%E3%83%8E%E3%83%83%E3%82%AF(10)
mariadb(10)
react(9)
aws%20cdk(9)
css3(8)
%E5%8F%AF%E8%A6%96%E5%8C%96(8)
%E5%B0%8F%E3%83%8D%E3%82%BF(8)
nestjs(8)
amazon%20lightsail(7)
next.js(7)
%E3%83%96%E3%83%AD%E3%82%B0(6)
cms(6)
oracle(6)
perl(6)
gitlab(6)
iam(5)
amazon%20ec2(5)
%E8%B3%87%E6%A0%BC%E8%A9%A6%E9%A8%93(5)
aws%20amplify(5)
curl(4)
Author
githubzennqiita
ただの備忘録です。

※外部送信に関する公表事項