入门前端-《JavaScript 语言入门教程-String对象》

秒速五厘米 2023-01-13 10:00 172阅读 0赞

## charAt() ##

charAt方法返回指定位置的字符，参数是从0开始编号的位置。

var s = new String('abc');
    
    s.charAt(1) // "b"
    s.charAt(s.length - 1) // "c"

如果参数为负数，或大于等于字符串的长度，charAt返回空字符串。

'abc'.charAt(-1) // ""
    'abc'.charAt(3) // ""

## concat() ##

concat方法用于连接两个字符串，返回一个新字符串，不改变原字符串。

var s1 = 'abc';
    var s2 = 'def';
    
    s1.concat(s2) // "abcdef"
    s1 // "abc"

该方法可以接受多个参数。

'a'.concat('b', 'c') // "abc"

如果参数不是字符串，concat方法会将其先转为字符串，然后再连接。

var one = 1;
    var two = 2;
    var three = '3';
    
    ''.concat(one, two, three) // "123"
    one + two + three // "33"

## slice() ##

> slice()方法用于从原字符串取出子字符串并返回，不改变原字符串。它的第一个参数是子字符串的开始位置，第二个参数是子字符串的结束位置（不含该位置）。

'JavaScript'.slice(0, 4) // "Java"

如果省略第二个参数，则表示子字符串一直到原字符串结束。

'JavaScript'.slice(4) // "Script"

如果参数是负值，表示从结尾开始倒数计算的位置，即该负值加上字符串长度。

'JavaScript'.slice(-6) // "Script"
    'JavaScript'.slice(0, -6) // "Java"
    'JavaScript'.slice(-2, -1) // "p"

如果第一个参数大于第二个参数（正数情况下），slice()方法返回一个空字符串。

'JavaScript'.slice(2, 1) // ""

## substring() ##

> substring方法用于从原字符串取出子字符串并返回，不改变原字符串，跟slice方法很相像。它的第一个参数表示子字符串的开始位置，第二个位置表示结束位置（返回结果不含该位置）。

**不建议使用substring方法，应该优先使用slice。**

## trim() ##

trim方法用于去除字符串两端的空格，返回一个新字符串，不改变原字符串。

' hello world '.trim()
    // "hello world"

该方法去除的不仅是空格，还包括制表符（\\t、\\v）、换行符（\\n）和回车符（\\r）。

'\r\nabc \t'.trim() // 'abc'

## oLowerCase()，toUpperCase() ##

> toLowerCase方法用于将一个字符串全部转为小写，toUpperCase则是全部转为大写。它们都返回一个新字符串，不改变原字符串。

'Hello World'.toLowerCase()
    // "hello world"
    
    'Hello World'.toUpperCase()
    // "HELLO WORLD"

## match() ##

match方法用于确定原字符串是否匹配某个子字符串，返回一个数组，成员为匹配的第一个字符串。如果没有找到匹配，则返回null。

'cat, bat, sat, fat'.match('at') // ["at"]
    'cat, bat, sat, fat'.match('xt') // null

## search()，replace() ##

search方法的用法基本等同于match，但是返回值为匹配的第一个位置。如果没有找到匹配，则返回-1。

'cat, bat, sat, fat'.search('at') // 1

search方法还可以使用正则表达式作为参数，详见《正则表达式》一节。

replace方法用于替换匹配的子字符串，一般情况下只替换第一个匹配（除非使用带有g修饰符的正则表达式）。

'aaa'.replace('a', 'b') // "baa"

## split() ##

split方法按照给定规则分割字符串，返回一个由分割出来的子字符串组成的数组。

'a|b|c'.split('|') // ["a", "b", "c"]

split方法还可以接受第二个参数，限定返回数组的最大成员数。

'a|b|c'.split('|', 0) // []
    'a|b|c'.split('|', 1) // ["a"]
    'a|b|c'.split('|', 2) // ["a", "b"]
    'a|b|c'.split('|', 3) // ["a", "b", "c"]
    'a|b|c'.split('|', 4) // ["a", "b", "c"]

## 我能为字符串添加一个属性吗？ ##

let str = "Hello";
    
    str.test = 5; // (*)
    
    alert(str.test);

根据你是否开启了严格模式 `use strict`，会得到如下结果：

*  `undefined`（非严格模式）
 *  报错（严格模式）。

为什么？让我们看看在 `(*)`那一行到底发生了什么：

1.  当访问 str 的属性时，一个“对象包装器”被创建了。
2.  在严格模式下，向其写入内容会报错。
3.  否则，将继续执行带有属性的操作，该对象将获得 test 属性，但是此后，“对象包装器”将消失，因此在最后一行，str 并没有该属性的踪迹。

这个例子清楚地表明，原始类型不是对象。

**它们不能存储额外的数据。**

入门前端-《JavaScript 语言入门教程-String对象》

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关入门前端-《JavaScript 语言入门教程-String对象》

相关入门前端-《JavaScript 语言入门教程-Math对象》

相关入门前端-《JavaScript 语言入门教程-Date对象》

相关入门前端-《JavaScript 语言入门教程-JSON对象》

相关入门前端-《JavaScript 语言入门教程-console 对象与控制台》

相关入门前端-《JavaScript 语言入门教程-运算符》

相关入门前端-《JavaScript 语言入门教程-字符串和对象》

相关入门前端-《JavaScript 语言入门教程-Object 对象》

相关入门前端-《JavaScript 语言入门教程-Number对象》

相关入门前端-《JavaScript 语言入门教程-对象继承》