「JavaScript 从入门到精通」1.语法和数据类型
「JavaScript 从入门到精通」2.流程控制和错误处理
「JavaScript 从入门到精通」3.循环和迭代
「JavaScript 从入门到精通」4.函数
「JavaScript 从入门到精通」5.表达式和运算符
「JavaScript 从入门到精通」6.数字
「JavaScript 从入门到精通」7.时间对象
前置知识:
JavaScript中的字符串的每个元素,在字符串中都占据一个位置,第一个元素的索引值为0,往后累加,另外创建字符串有2个方法:
- 1.字面量创建:
let a = 'hello'; // "hello"typeof a; // "string"
- 2.字符串对象创建:
let a = new String('hello'); //String {"hello"}typeof a; // "object"
实际开发中,除非必要,建议使用字面量创建,因为两种创建方法会有差异:
let a1 = "1+1";let a2 = new String("1+1");eval(a1); // number 2eval(a2); // string "1+1"
String有一个length属性,表示字符串中字符个数:
let a = "hello";a.length; // 5
1.String对象方法
String对象的方法非常多,建议大家可以到 W3school JavaScript String 对象 学习完整的内容。
![e7a4278c8be65cc4811b4903622923f4.png](https://img-blog.csdnimg.cn/img_convert/e7a4278c8be65cc4811b4903622923f4.png)
1.1 charAt
作用:查找字符串中指定位置的内容。
str.charAt(index) index : 查找的字符的下标(大于等于0,若小于0则返回空字符串),若没传则表示1。
let a = "hello leo!"a.charAt(); // "h"a.charAt(1); // "e"a.charAt(-1);// ""
1.2.indexOf和lastIndexOf
作用:查找指定字符串的位置。
indexOf和lastIndexOf相同点:
两者接收的参数一致,没有查到内容,返回-1。
indexOf和lastIndexOf不同点:
若查找到内容,则indexOf返回第一次出现的索引而lastIndexOf返回最后一次出现的索引。
str.indexOf(value[, fromIndex])接收2个参数:
- value : 需要查找的字符串内容;
- fromIndex : 可选,开始查找的位置,默认0;
let a = 'hello leo'; let b = a.indexOf('lo'); // 3let c = a.indexOf('lo',4);// -1let e = a.lastIndexOf('l'); // 6
一定要注意:
- 当fromIndex > a.length,则fromIndex被视为a.length。
let a = 'hello leo'; let b = a.indexOf('lo',99);// -1
- 当fromIndex < 0,则fromIndex被视为0。
let a = 'hello leo'; let b = a.indexOf('lo',-1);// 3
- indexOf和lastIndexOf区分大小写。
let a = 'hello leo'; let b = a.indexOf('Lo'); // -1
1.3 concat
作用:连接字符串。
concat()接收任意个参数作为连接的字符串,返回一个合并后的新字符串。
let a = 'hello';let b = ' leo ';let c = '!'a.concat(b,c); // "hello leo !"
1.4 split
作用:把字符串分割为字符串数组,并可以指定分隔符。
split(separator[,limit])可以接收2个参数:
- separator:必需,字符串或者正则表达式,作为分割的内容;
- limit:可选,作为指定返回的数组的最大长度;
若separator为"",则字符串会在每个字符之间分割;
![dfeab43d8b2328e3a58fe38341aca449.png](https://img-blog.csdnimg.cn/img_convert/dfeab43d8b2328e3a58fe38341aca449.png)
使用其他分割符号:
let a = "ni,hao,a!";a.split(