[JavaScript] (Day-03) - 字符串

[JavaScript] (Day-03) - 字符串_第1张图片
There are no regrets in life, just lessons. 人生中没有后悔,只有教训。

JavaScript 的字符串就是用''""括起来的字符表示。

如果'本身也是一个字符,那就可以用""括起来,比如"I'm OK"包含的字符是I'm空格OK 这6个字符。

如果字符串内部既包含'又包含"怎么办?可以用转义字符\来标识
比如:

"I\'m \"OK\"!"; // I'm "OK"!

转义字符\可以转义很多字符,比如\n表示换行,\t表示制表符,字符\本身也要转义,所以\\表示的字符就是\


多行字符串

由于多行字符串用\n写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表示方法,用反引号 `...` 表示:

var multiLine =`这是一个
多行
字符串`;


模板字符串

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

var name = "Vivian";
var age = 21;
var message = "你好, ' + name + ', 你今年' + age + '岁了!"; 
// 输出: 你好, Vivian, 你今年21岁了!

如果有很多变量需要连接,用+号就比较麻烦。ES6新增了一种模板字符串,表示方法和上面的多行字符串一样,但是它会自动替换字符串中的变量:

var name = 'Eric';
var age = 23;
var message = `你好, ${name}, 你今年${age}岁了!`;
// 输出: 你好, Eric, 你今年23岁了!

操作字符串

获取字符串长度

var s = "Hello world!";
s.length; // 13

获取字符串某个位置的字符

要获取字符串某个指定位置的字符,使用类似Array的下标操作,索引号从0开始

var s = "Hello, world!";

s[0]; //  "H"
s[6]; //  ""
s[7]; //  "w"
s[12]; // "!""
s[13]; // 超出边界,不会报错,但一律返回undefined

需要特别注意的是,字符串是不可变的,如果对字符串的某个索引赋值,不会有任何错误,但是,也没有任何效果:

var s = "Owen";
s[0] = "X";
alert(s); // s仍然为'Owen'

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


toUpperCase

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

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

toLowerCase

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

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

indexOf

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

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

substring

截取字符串

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

你可能感兴趣的:([JavaScript] (Day-03) - 字符串)