从原先部分得到新字符串

最新推荐文章于 2020-10-26 16:56:20 发布

原创最新推荐文章于 2020-10-26 16:56:20 发布 · 132 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript 专栏收录该内容

58 篇文章

订阅专栏

从原先部分得到新字符串节
在最后一个练习中，阵列包含一堆字符串，其中包含有关英格兰北部火车站的信息。字符串是包含三字母站代码的数据项，后面是一些机器可读数据，后跟分号，后跟可读站名。例如：

MAN675847583748sjt567654;Manchester Piccadilly
我们要提取站点代码和名称，并将它们放在一起，具有以下结构的字符串：

MAN: Manchester Piccadilly
我们建议这样做：

提取三个字母的站代码并将其存储在一个新的变量中。
查找分号的字符索引号。
使用分号字符索引号作为参考点提取人可读的站名，并将其存储在新变量中。
连接两个新的变量和一个字符串文字，使最终的字符串。
将 result 变量的值更改为等于最终的字符串，而不是 input。

var list = document.querySelector('.output ul');
list.innerHTML = '';
var stations = ['MAN675847583748sjt567654;Manchester Piccadilly',
                'GNF576746573fhdg4737dh4;Greenfield',
                'LIV5hg65hd737456236dch46dg4;Liverpool Lime Street',
                'SYB4f65hf75f736463;Stalybridge',
                'HUD5767ghtyfyr4536dh45dg45dg3;Huddersfield'];

for(var i = 0; i < stations.length; i++) {
  var input = stations[i];
  var code = input.slice(0,3);
  var semiC = input.indexOf(';');
  var name = input.slice(semiC + 1);
  var final = code + ': ' + name;
  var result = final;
 var listItem = document.createElement('li');
  listItem.textContent = result;
  list.appendChild(listItem);
}```