拓展

1、程序三大流程控制

1. 顺序结构
2. 分支结构
3. 循环结构

2、断点调试

1.作用：

• 快捷方式：debugger:
• 学习时可以帮助更好的理解代码运行，工作时可以更快找到bug
• 浏览器打开调试界面
  1. 按F12打开开发者工具
  2. 点到sources一栏
  3. 选择代码文件
• 断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来

3、查看字符串编码

1.语法

• '需要查询的元素'.charCodeAt()

4、单目运算符

1.介绍：

• 单目运算符是指只接受一个操作数的操作符。比如：!10 +10 -10都是单目

字符串的增删改查

1. 增加（concat、+、slice）
2. 删除（slice、substr、substring、trim）
3. 修改（replace、split、toLowerCase、toUpperCase）
4. 查询（match、indexOf、charAt、charCodeAt、includes）

1、 字符串增加（concat、+、slice）

1. concat

• 声明：字符串拼接，生成新的字符串，不改变原字符串

let str = 'ABC';
let ing = '123';
str.concat(ing);        // "ABC123"

2. +

• 声明：加号拼接

let str = 'ABC';
let ing = '123';
console.log(`${str}${ing}`);     // "ABC123"
console.log(str+ing);            // "ABC123"

3. slice

• 声明：中间拼接， slice(start,end)，不改变原字符串（start表示开头下标，end表示结束下标，不包括）

let str = 'ABCdef';
console.log(`${str.slice(0,3)}中间插入值${str.slice(3)}`);          //"ABC中间插入值def"

2.、字符串删除（slice、substr、substring、trim）

1. slice

• 声明：slice(start,end)，不改变原字符串（start表示开头下标，end表示结束下标，不包括）

let str = 'ABCDEFD';
str.slice(0,2);        // "AB"
str.slice(2);          //"CDEF"
str.slice(-7,-4);      // "ABC"

2. substr

• 声明：substr(start,length)， 不改变原字符串(start表示开始截取的下标值，可以为负数，length表示截取的长度)

let str = 'ABCDEF';
str.substr(1,4);       // "BCDE"
str.substr(3);         // "DEF"
str.substr(-3,1);      // "D"

3. substring

• 声明：substring(start,end) 要头不要尾(start需是一个非负的整数，开始截取的下标，end一个非负的整数，截取结束的下标)

let str = 'ABCDEF';
str.substring(1,4);           // "BCD"
str.substring(2);             // "CDEF"

4. trim

• 声明：删除字符串前后的空格

let str = " AB CD ";
str.trim();                // "AB CD"

3. 字符串修改（replace、split、toLowerCase、toUpperCase）

1. replace

• 声明：.replace(/被修改/g,'修改') ，字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

let str = 'HELLO WORLD,HELLO EARTH';
str.replace(/HELLO/g,'GOODBY');                               //"GOODBY WORLD,GOODBY EARTH"

2. split

• 声明：字符串切割成数组

let str ='A,B,C,D';
//以逗号分割
str.split(',');                     // ["A", "B", "C", "D"]

let otherStr = 'ABCD';
//默认分割
otherStr .split("");                // ["A", "B", "C", "D"]

3. toLowerCase和 toUpperCase

• 声明：字符串大小写转换

let str = 'ABCdef';
str.toLowerCase();                // "abcdef"
str.toUpperCase();                //  "ABCDEF"

4、字符串查询（match、indexOf、charAt、charCodeAt、includes）

1. match

• 声明：match将检索字符串，以找到一个或多个与 regexp 匹配的文本

let str = 'ABCDEF';
str.match("CD");                 //["CD", index: 2, input: "ABCDEF", groups: undefined]
str.match("G");                  //null

2. indexOf

• 声明：匹配相同并返回该元素的第一次出现的下标值

let str = 'ABCDEFD';
str.indexOf('D');              //3

3. charAt

• 声明：查询字符串下标返回该下标的值

let str = 'ABCDEF';
str.charAt(3);                 // "D"

4. charCodeAt()

• 声明：charCodeAt(index)，index为要查询的字符下标，返回字符的 Unicode 编码

let str = 'ABCDEF';
str.charCodeAt(1);          // 66
str.charCodeAt(6);          // NAN

5. includes

• 声明：查找是否包含字符返回布尔值

let str = 'ABCDEF';
str.includes('C'); // true
str.includes('CD'); //true
str.includes('CF'); //false