九、JavaScript字符串

一、基本概念

• 字符串又称作包装数据类型，当我们对字符串进行操作时，字符串会把自己包装成伪数组的形式

• 所谓的伪数组，就是像数组一样，可以使用[]语法通过索引下标，来进行操作

• 并且具有length属性

• 但是伪数组的操作方法和数组不同，例如 push()、pop()、join()、forEach()等等，伪数组往往不能使用

• 支持for循环和for...in循环，forEach循环不支持

var str = 'abcdefghijklmn';

// 通过[]语法和索引下标,调用具体的数据
console.log(str[4]);

// 伪数组是可以通过设定length属性来删除数组单元的
console.log(str.length);

二、字符串的方法

1、变量.toString()

其他类型转字符串类型

2、str.indexOf(参数一，参数二)

查询字符串中是否有某个字符

参数一：需要查询的字符

参数二：查询起始位置的索引下标

• 查询字符时，区分大小写

• 返回值：匹配字符的索引下标，没有匹配内容，返回值是 -1

• 如果字符串中有多个匹配的内容，indexOf()返回的是第一个匹配内容的索引下标

3、str.lastIndexOf(参数一，参数二)

查询字符串中是否有某个字符，返回的是最后一个匹配内容的索引下标

参数一：需要查询的字符

参数二：开始检索的位置，如果省略该参数，则会从字符串的最后一个字符开始检索

4、str.toUpperCase()

字符串所有字符大写

• 不改变字符串的原始内容

• 要改变字符串的原始内容，必须要将函数方法的执行结果返回值，赋值给字符串本身

5、str.toLowerCase()

字符串所有字符小写

• 不改变字符串的原始内容

• 要改变字符串的原始内容，必须要将函数方法的执行结果返回值，赋值给字符串本身

• 一般是做验证码判断时，会统一输入的内容和验证码为都是大写或者小写字符，再来做比较判断

6、str.split(间隔符号)

字符串转化为数组

var str = '1,2,3,4,5,6,7';
var arr = str.split(',');
console.log(arr); // [1,2,3,4,5,6,7]

关键词替换：将字符串用str.split(要替换的内容)分割为数组，再使用arr.join(替换后的内容)拼接为字符串

7、str.replace(参数一，参数二)

字符串内容的替换

• 参数1：原始的要替换走的内容

• 参数2：原来没有要替换进来的新内容

• 不改变字符串的原始内容

• 要改变字符串的原始内容，必须要将函数方法的执行结果返回值，赋值给字符串本身

• 默认执行懒惰模式，只替换第一个符合规范的内容

• 如果需要替换所有符合规范的内容，必须要使用正则表达式

8、字符串的截取

所谓字符串的截取，就是从原始字符串中获取一部分内容，作为新的字符串

方法一：str.substr(参数一，参数二)

• 参数一：指定截取的起始位置
  • 正数：正常下标截取
  • 负数：从倒数字符串开始截取
• 参数二：指定截取的字符串长度
  • 只定义参数一，从指定的位置开始，截取至字符串结束
  • 正数，指定截取长度
  • 负数，截取截取结果是空字符串

方法二：str.substring(参数一，参数二)

• 参数一：截取起始字符的索引（包含当前索引）
• 参数二：截取结束字符的索引（不包含当前索引）

三、字符串的应用

1、随机验证码

• 从 字符串中随机截取或者获取一个字符 , 拼接生成新的字符串

• 新的字符串，就是随机的验证码

// 允许出现重复的字符
var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';

// 存储验证码
var newStr = '';

for(var i = 1 ; i <= 6 ; i++){
  // 随机数的范围是 0 --- str.length-1
  var num = parseInt(Math.random()*(str.length-1+1-0) +0);
  // 通过随机数,作为索引下标,获取字符,拼接生成新的字符串
  newStr += str[num];
}

// 不允许出现重复字符
var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';

// 存储验证码
var newStr = '';

for(var i = 1 ; i <= 6 ; i++){
  // 随机数的范围是 0 --- str.length-1
  var num = parseInt(Math.random()*(str.length-1+1-0) +0);
  // 新字符串中没有str[num]当前随机数获取的字符,执行写入操作
  if(newStr.indexOf( str[num]) === -1){
    newStr += str[num];
  }else{
    // 生成重复字符,i--,再循环一次
    i--;
  }
}

// 使用while循环来实现
var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';

// 存储新字符串
var newStr = '';

// 只要新字符串长度不是6,就循环
while (newStr.length !== 6) {
  // 随机数的范围是 0 --- str.length-1
  var num = parseInt(Math.random() * (str.length - 1 + 1 - 0) + 0);
  // 新字符串,没有当前获取的字符,就执行写入操作
  if (newStr.indexOf(str[num]) === -1) {
    newStr += str[num];
  }
}

2、获取扩展名

方法一：

• 获取最后一个点的索引下标

• 从最后一个点索引下标+1的位置截取

var fileName = '123.456.789.png';
var ext = fileName.substr(fileName.lastIndexOf('.')+1);

方法二：

• 将字符串按照点间隔，转化为数组

• 数组前面的单元不管，最后一个单元一定存储的是扩展名

• 使用 pop() 方法，取出数组的最后一个单元

var fileName = '123.456.789.png';
var arr = fileName.split('.');
var ext = arr.pop();

3、多维数组转一维数组

const arr = [1,2,3,4,5,[6,7,8,9,[10,11,12,[13,14,15,16,[17,18,[19,20]]]]]];

// 将多维数组, 使用toString()、String()将数组转化为字符串
let str = String(arr);

// 再以逗号为间隔,转化为数组
const newArr = str.split(',')