增删改查

字符串操作方法

concat()

用于将一个或多个字符串拼接成一个新字符串。来看下面的例子
1
2
3
4
let str = "hello ";
let res = str.concat("world");
console.log(res); // "hello world"
console.log(str); // "hello"
也可以操控多个参数
1
2
3
4
let str = "hello ";
let res = str.concat("world", "!");
console.log(res); // "hello world!"
console.log(str); // "hello"

slice()

返回调用它们的字符串的一个子字符串,而且都接收一或两个参数。第一个参数表示子字符串开始的位置,第二个参数表示子字符串结束的位置。
1
2
3
4
5
let str = "hello world";
console.log(str.slice(3)); // "lo world"
console.log(str.slice(3, 7)); // "lo w"
console.log(str.slice(-3)); // "rld"
console.log(str.slice(3, -4)); // "lo w"

substr()

返回调用它们的字符串的一个子字符串,而且都接收一或两个参数。第一个参数表示子字符串开始的位置,第二个参数表示子字符串结束的位置。
1
2
3
4
5
let str = "hello world"
console.log(str.substr(3)); // "lo world"
console.log(str.substr(3, 7)); // "lo worl"
console.log(str.substr(-3)); // "rld"
console.log(str.substr(3, -4)); // "" (empty string)

substring()

返回调用它们的字符串的一个子字符串,而且都接收一或两个参数。第一个参数表示子字符串开始的位置,第二个参数表示子字符串结束的位置。
1
2
3
4
5
let str = "hello world"; 
console.log(str.substring(3)); // "lo world"
console.log(str.substring(3,7)); // "lo w"
console.log(str.substring(-3)); // "hello world"
console.log(str.substring(3, -4)); // "hel"

indexOf()

从字符串中搜索传入的字符串,并返回位置(如果没找到,则返回-1)从字符串开头开始查找子字符串
1
2
3
let str = "hello world";
console.log(str.indexOf("o")); // 4
console.log(str.indexOf("o", 6)); // 7

lastIndexOf()

1
2
3
let str = "hello world"; 
console.log(str.lastIndexOf("o")); // 7
console.log(str.lastIndexOf("o", 6)); // 4
从字符串中搜索传入的字符串,并返回位置(如果没找到,则返回-1)从字符串末尾开始查找子字符串

split()

把一个字符串分割成字符串数组
1
2
3
4
5
6
7
8
9
var str='welcome-to-beijing';
//使用split将str转换为数组
var arr=str.split("-");
var date='2016/05/05';
//["welcome","to","beijing"]
var dateArr=date.split("/");
console.log(dateArr);
console.log(arr);

replace()

在字符串用一些字符串替换另一些字符,或替换一个与正则表达式匹配的字符串
1
2
3
4
5
var tel='010-62971268,400-100-9098,010-86789889';
//newTel被替换之后的字符串
var newTel=tel.replace(','," ");
console.log(newTel);
//010-62971268 400-100-9098,010-86789889

startsWith()

用于判断字符串中是否包含另一个字符串的方法这些方法都会从字符串中搜索传入的字符串,并返回一个表示是否包含的布尔值。startsWith()检查开始于索引 0 的匹配项
1
2
3
let mes = "foobarbaz"; 
console.log(mes.startsWith("foo")); // true
console.log(mes.startsWith("bar")); // false

endsWith()

用于判断字符串中是否包含另一个字符串的方法这些方法都会从字符串中搜索传入的字符串,并返回一个表示是否包含的布尔值。endsWith()检查开始于索引(string.length - substring.length)的匹配项
1
2
3
let mes = "foobarbaz"; 
console.log(mes.endsWith("baz")); // true
console.log(mes.endsWith("bar")); // false

includes()

用于判断字符串中是否包含另一个字符串的方法这些方法都会从字符串中搜索传入的字符串,并返回一个表示是否包含的布尔值。includes()检查整个字符串
1
2
3
let mes = "foobarbaz"; 
console.log(mes.includes("bar")); // true
console.log(mes.includes("qux")); // false

trim()方法

ECMAScript 在所有字符串上都提供了 trim()方法。这个方法会创建字符串的一个副本,删除前、后所有空格符,再返回结果。
1
2
3
4
let str = " hello world ";
let tri = str.trim();
console.log(str); // " hello world "
console.log(tri); // "hello world"

repeat()方法

ECMAScript 在所有字符串上都提供了 repeat()方法。这个方法接收一个整数参数,表示要将字符串复制多少次,然后返回拼接所有副本后的结果。
1
2
3
let str = "de ";
console.log(str.repeat(4) + "decade");
// de de de de decade

padStart()

会复制字符串,如果小于指定长度,则在相应一边填充字符,直至满足长度条件。这两个方法的第一个参数是长度,第二个参数是可选的填充字符串,默认为空格
1
2
3
let str = "foo"; 
console.log(str(6)); // " foo"
console.log(str(9, ".")); // "......foo"

padEnd()

会复制字符串,如果小于指定长度,则在相应一边填充字符,直至满足长度条件。这两个方法的第一个参数是长度,第二个参数是可选的填充字符串,默认为空格
1
2
3
let stringValue = "foo"; 
console.log(str.padEnd(6)); // "foo "
console.log(str.padEnd(9, ".")); // "foo......"

toLowerCase()、toUpperCase()、toLocaleLowerCase()和toLocaleUpperCase()

字符串大小写转换
1
2
3
4
5
let str = "hello world";
console.log(str.toLocaleUpperCase()); // "HELLO WORLD"
console.log(str.toUpperCase()); // "HELLO WORLD"
console.log(str.toLocaleLowerCase()); // "hello world"
console.log(str.toLowerCase()); // "hello world"

localeCompare()方法

最后一个方法是 localeCompare(),这个方法比较两个字符串,返回如下 3 个值中的一个
  1. 如果按照字母表顺序,字符串应该排在字符串参数前头,则返回负值。(通常是-1,具体还要看
    与实际值相关的实现。)
  2. 如果字符串与字符串参数相等,则返回 0。
  3. 如果按照字母表顺序,字符串应该排在字符串参数后头,则返回正值。
1
2
3
4
let stringValue = "yellow";
console.log(stringValue.localeCompare("brick")); // 1
console.log(stringValue.localeCompare("yellow")); // 0
console.log(stringValue.localeCompare("zoo")); // -1