js操作字符串

Posted 2020-10-02

js操作字符串

from:https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499203693072018f8878842a9b0011e3ff4e38b6b000
模板字符串

要把多个字符串连接起来，可以用+号连接：

var name = ‘小明‘;
var age = 20;
var message = ‘你好, ‘ + name + ‘, 你今年‘ + age + ‘岁了!‘;
alert(message);
如果有很多变量需要连接，用+号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：
var name = ‘小明‘;
var age = 20;
alert(`你好, ${name}, 你今年${age}岁了!`);

var name = ‘小明‘;
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);
练习：测试你的浏览器是否支持ES6模板字符串，如果不支持，请把模板字符串改为+连接的普通字符串：

// 如果浏览器支持模板字符串，将会替换字符串内部的变量:

var s = ‘Hello, world!‘;
s.length; // 13

var s = ‘Hello, world!‘;

s[0]; // ‘H‘
s[6]; // ‘ ‘
s[7]; // ‘w‘
s[12]; // ‘!‘
s[13]; // undefined 超出范围的索引不会报错，但一律返回undefined

javascript为字符串提供了一些常用方法，注意，调用这些方法本身不会改变原有字符串的内容，而是返回一个新字符串：

toUpperCase

toUpperCase()把一个字符串全部变为大写：

var s = ‘Hello‘;
s.toUpperCase(); // 返回‘HELLO‘
toLowerCase

toLowerCase()把一个字符串全部变为小写：

var s = ‘Hello‘;
var lower = s.toLowerCase(); // 返回‘hello‘并赋值给变量lower
lower; // ‘hello‘
indexOf

indexOf()会搜索指定字符串出现的位置：

var s = ‘hello, world‘;
s.indexOf(‘world‘); // 返回7
s.indexOf(‘World‘); // 没有找到指定的子串，返回-1
substring

substring()返回指定索引区间的子串：

var s = ‘hello, world‘
s.substring(0, 5); // 从索引0开始到5（不包括5），返回‘hello‘
s.substring(7); // 从索引7开始到结束，返回‘world‘