JavaScript内置对象之字符串

建议学习时长： 30分钟
学习方式：深入

学习目标

• 知道什么是字符串
• 了解字符串的常见方法

详细介绍

概述

见这里 http://javascript.ruanyifeng.com/stdlib/string.html

常见方法

获取字符串信息

• 是否是字符串

typeof 'abc' === 'string'; // 返回 true
typeof {} === 'string'; // 返回 false
typeof 123 === 'string'; // 返回 false

• string.indeOf - 查询字符串中是否包含指定子字符串。若存在，则返回子字符串在字符串中的下标，否则返回 -1。

var str = 'abcde';
str.indexOf('b'); // 返回 1
str.indexOf('cd'); // 返回 2
str.indexOf('###'); // 返回 -1

• string.length - 返回数组长度

var str = 'abcde';
str.length; // 返回 5

• string.charAt(下标) - 取字符串中指定下标的字符。如果下标小于0或大于字符串长度，返回空字符。取指定下标的字符也可以用 string[下标]。

var str = 'abc';
str.charAt(1); // 返回 'b'
str[1]; // 返回 'b'
str.charAt(4); // 返回 ''yy
str.charAt(-1); // 返回 ''

• string.substring(开始下标[, 结束下标]) - 取字符串中指定范围的子字符。

var str = 'abcde';
str.substring(1);// 返回 'bcde'
str.substring(1,3);// 'bc'
str.substring(0,3);// 'abc'

• string.substr(开始下标[, 长度]) - 取字符串中指定范围的子字符。

var str = 'abcde';
str.substr(1);// 返回 'bcde'
str.substr(1,3);// 返回 'bcd'
str.substr(0,3);// 返回 'abc'

字符串变换

• string.replace - 将字符串中的部分内容替换。

var str = 'My name is {name}';
str.replace('{name}', 'Joel'); // 返回 'My name is Joel'
str; // 返回 'My name is {name}'
str = 'abc';
// 转成大写
str.replace(/[a-z]/, function(item){
  return item.toUpperCase();
});// 返回 'Abc'
str.replace(/[a-z]/g, function(item){
  return item.toUpperCase();
});// 返回 'ABC'

• string.toUpperCase - 将字符串变成大写。

var str = 'abc1';
str.toUpperCase(); // 返回 'ABC1'
str; // 返回 'abc1'

• string.toLowerCase - 将字符串变成小写。
• string.trim - 去除字符串两头的空格(包括 space, Tab 等)。IE 9+ 支持该方法。

var str = '   abc   ';
str.trim(); // 返回 'abc'
str; // 返回 '   abc   '
// 对于 IE 8 等老浏览器，可以做以下的兼容。如果用 jQuery ，可以用 $.trim(str)
if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
  };
}

• string.split - 将字符串分割成数组

var str = 'abc';
str.split(''); // 返回 ['a', 'b', 'c']
str; // 'abc'
str = 'a&b&c';
str.split('&'); // 返回 ['a', 'b', 'c']
str = 'a334b344c';
str.split(/\d+/); // 返回 ['a', 'b', 'c']