JavaScript------字符串

原创已于 2024-01-25 12:22:37 修改 · 407 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2024-01-24 19:04:03 首次发布

本文介绍了如何在JavaScript中进行字符串操作，包括计算长度、检索特定内容、查找子串、大小写转换、替换字符串以及实现过滤和大写修正。通过实际代码示例展示了这些操作在HTMLDOM中的应用。

1.字符串的长度

let a = "moonlight";

结果展示：

2.检索特定的字符串内容

let a = "moonlight";

结果展示：

3.查找子字符串

let a = "moonlight";

①含有则返回0，没有则返回-1

②选择字符串一部分

因为没有写最后一个字符位置，所以直接打印从起始到结束：

4.转换大小写

let a = "moonlight";

结果显示：

5.替换字符串内容

let a = "moonlight";

结果展示：

6.实现过滤

有人过生日，有人过圣诞节，根据内容进行改变

var list = document.querySelector('.output ul');
list.innerHTML = '';
var greetings = ['Happy Birthday!',
                 'Merry Christmas my love',
                 'A happy Christmas to all the family',
                 'You\'re all I want for Christmas',
                 'Get well soon'];

for(var i = 0; i < greetings.length; i++) {
  var input = greetings[i];
  if(greetings[i].indexOf('Christmas') !== -1) {
    var result = input;
    var listItem = document.createElement('li');
    listItem.textContent = result;
    list.appendChild(listItem);
  }
}

结果展示：

7.大写修正

内容含有小写大写，进行大写修正

var list = document.querySelector('.output ul');
list.innerHTML = '';
var cities = ['lonDon', 'ManCHESTer', 'BiRmiNGHAM', 'liVERpoOL'];

for(var i = 0; i < cities.length; i++) {
  var input = cities[i];
  var lower = input.toLowerCase();
  var firstLetter = lower.slice(0,1);
  var capitalized = lower.replace(firstLetter,firstLetter.toUpperCase());
  var result = capitalized;
  var listItem = document.createElement('li');
  listItem.textContent = result;
  list.appendChild(listItem);

}

结果展示：

8.从给的字符串变成新字符串

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);
}

结果展示：