Javascriptで、関数の検索方法がわかりません。

Question

実現したいこと

現在、現在時刻をもとにした「バスの発車時間を表示する」プログラムを作成しており、「現在の時刻」から最も近い「バスの発車時刻」を表示するプログラムが作りたいです。

前提

DBでの時間管理は挫折したため、簡易的な方法として、Javascriptの関数varで、発車時刻を全て定義しました。そして、現在時刻も「発車時刻」と同じ形の値で定義しました。

発生している問題・エラーメッセージ

Javascriptの関数から決まった値を検索する条件式を用いて「現在時刻」から最も近い（未来の）発車時刻を出力する条件式が作りたいです。それができません。

該当のソースコード

    let mfNEYAGAWA = [ '06:40', '06:56', '07:16' ,'07:36', '07:57', '08:17','08:37', '08:58', '09:18','09:38', '09:58', '10:20','10:40', '11:00', '11:20','11:40', '12:00', '12:20','12:40', '13:00', '13:20', '13:40','14:00', '14:20', '14:40','15:00', '15:18', '15:38','15:58', '16:18', '16:38','17:08', '17:37', '18:08', '18:38', '19:09', '19:38','20:08', '20:39', '21:03','21:34', '22:13'];
    let sNEYAGAWA = [  '06:53', '07:25', '07:40' ,'07:55', '08:17', '08:37','08:58', '09:18', '09:38','09:58', '10:20', '10:40','11:00', '11:20', '11:40','12:00', '12:20', '12:40','13:00', '13:20', '13:40', '14:00','14:20', '14:40', '15:00', '15:20', '15:40','16:00', '16:20', '16:40','17:00', '17:19', '17:39', '18:00', '18:20', '18:40','19:01', '19:20', '19:50','20:10', '20:36','21:04','21:35', '22:04'];
    let mfKORIEN = [ '06:15', '06:52', '07:27' ,'07:53', '08:26', '08:50','09:10', '09:30', '09:50','10:10', '10:30', '10:52','11:12', '11:32', '11:52','12:12', '12:32', '12:52','13:12', '13:32', '13:52', '14:12','14:32', '14:52', '15:30', '15:50', '16:10','16:30', '16:50', '17:10','17:30', '17:51', '18:11', '18:31', '18:51', '19:10','19:30', '19:50', '20:10','20:40', '21:09','21:39'];
    let sKORIEN = [ '06:46', '07:15', '07:53' ,'08:25', '08:50', '09:10','09:30', '09:50', '10:10','10:30', '10:52', '11:12','11:32', '11:52', '12:12','12:32', '12:52', '13:12','13:32', '13:52', '14:12', '14:32','14:52', '15:12', '15:32', '15:52', '16:12','16:32', '16:52', '17:12','17:32', '17:53', '18:13', '18:33', '18:53', '19:12','19:32', '19:52', '20:10','20:37', '21:09','21:39'];

    //現在時刻を取得し「〇〇:〇〇」という形で変数nowtimeに代入、および日付を取得し、土曜日か平日かを区別する数字をdayOfweekに代入。
    var nowhour = getHours();
    var nowminutes = getMinutes();
    var nowtime = nowhour+":"+nowminutes;

    var dayOfWeek = date.getDay() ;

  
    if (dayOfWeek = 6) {
    var dayname = "s"
    }else{
      var dayname = "mf"
    }

試したこと

時間と分ごとに検索をかけてみようとしましたが、うまく実現できませんでした。

Comments

[maisumakun]

> 時間と分ごとに検索をかけてみようとしましたが、うまく実現できませんでした。

どのようなコードを書いて、どんな結果になったのでしょうか？

[Pieshin]

この変数には時間を入れているつもりですが、Javascriptが入れている値を「時間」として扱っていないため、現在時刻から最も未来に近い発車時刻を検索、表示しようと.indexOf( ' ' );を使って検索をかけてみても、結果が複数出たり一つも出なかったりと、検索がうまくいかなかったため、どの時間でもその時間から最も近い発車時刻1つを出力する方法が知りたいです。

[maisumakun]

> .indexOf( ' ' );を使って検索をかけてみても

indexOfは「完全一致」する値しか検索できません。

Answer 1

元のプログラムの何処がおかしいか書くと切りが無いので、ゼロから書くとこんな感じです。
・時、分をそれぞれ数値で取得すると頭ゼロが面倒なので、時刻文字列の先頭5文字を取る
・曜日の処理は普通はこうは書かないと思うけど、初心者に分かり易いだろうと思うのでこれで（日曜日に実行することは無いという前提のようですね）
・終バス過ぎてると、undefinedが返るけど、結果を人間が目で見るのであれば、時刻配列の最後に"99:99"とか入れておいて、99:99が表示されたら「終バス終わった」と思えば良い

肝心の、配列からの検索法は、findを使って、x => x > now_timeで、
「now_timeと比較してそれより文字列比較で大きな最初の要素」が返ります。
こういう記法を知らないかも知れないので、別の記法でも書いておきます。

let now = new Date();
let now_time = now.toTimeString().slice(0,5);
let NEYAGAWA;
let KORIEN;
if(now.getDay() == 6){
    NEYAGAWA = sNEYAGAWA;
    KORIEN = sKORIEN;
}else{
    NEYAGAWA = mfNEYAGAWA;
    KORIEN = mfKORIEN;
}

let next_time_neyagawa = NEYAGAWA.find(x => x > now_time);
function first_greater(x){ return x > now_time;}
let next_time_korien   = KORIEN.find(first_greater);

再代入しない変数はconstにする方が良いですがまあ一旦はletで。

Answer 2

終バスが翌日にならないのであればこんな感じ。
ただし終バス以降に検索するとundefinedが返ります

Date.prototype.getHM=function(){return this.toLocaleTimeString('en-US',{hour:"numeric",minute:"2-digit",hour12:false})};
const hm0=new Date().getHM();
console.log(hm0);
const hm1=mfNEYAGAWA.filter(x=>hm0<x).shift();
console.log(hm1);
const hm2=sNEYAGAWA.filter(x=>hm0<x).shift();
console.log(hm2);
const hm3=mfKORIEN.filter(x=>hm0<x).shift();
console.log(hm3);
const hm4=sKORIEN.filter(x=>hm0<x).shift();
console.log(hm4);