Canvas / JS中的奇怪字符串行为

Question

I am trying to draw connections between station nodes in Canvas. If I stick to the same pattern for station names ('A', 'B' etc.) there is no problem: https://jsfiddle.net/3k4L2ky0/

But if I use both single-letter strings with multi-letter ones (eg 'A', 'B', 'C', 'Airport', 'Central'), Javascript seems to be treating the first letter of the longer strings as equivalent to the shorter ones: eg 'Airport' == 'A': https://jsfiddle.net/w6n0p04w/

Clearly the problem is in the function here:

function lookUp(sta) {
    for (n=0; n < station.length; n++){
    if (sta == station[n][0]) {
    return n;
    break;
     }
   }
}

What should I change? Aren't 'A' and 'Airport' both distinct strings?

Answer 1

The problem isn't is lookUp .

The problem is you are passing the first character to lookUp here:

var stat = lookUp(startStat[0]); .

Simply change that to the following and it will work as expected.

var stat = lookUp(startStat);

See: https://jsfiddle.net/w6n0p04w/2/