JavaScript数组方法与字符串方法全解

数组

  • 数组
    • 把数组转换为字符串(不改变原数组,返回新的字符串)
      • join
      • toString
    • 增(返回新数组长度)
      • push
      • unshift
    • 删(返回被删除的值。类型不变)
      • pop
      • shift
    • 拼接
      • splice(start,length,insert,insert)(拼接)
      • slice(start,end) (裁剪,创建新数组,不改变原数组)
      • concat(返回一个新数组,不改变原数组)
    • 排序
  • 字符串
    • 查找字符串中的字符串
      • indexOf(返回首次出现的索引)
      • lastIndexOf(返回最后一次出现的索引)
      • search()
    • 提取部分字符串
      • slice(start, end) (同数组方法)
      • substring(start, end)
      • substr(start, length)
    • 把字符串转换为数组
      • split(join的反过来用法)
    • 替换字符串内容
      • replace(不会改变字符串,返回的是新字符串。)
    • 转换为大写和小写
      • toUpperCase
      • toLowerCase
    • 提取字符串字符
      • charAt(position)
        • 返回字符串中指定下标(位置)的字符串
      • charCodeAt(position)
        • 返回字符串中指定索引的字符 unicode 编码
      • [ ]属性访问
    • 其他操作
      • concat(同数组方法,不会修改原始字符串)
      • String.trim()(删除字符串两端的空白符)

数组

把数组转换为字符串(不改变原数组,返回新的字符串)

  1. 除了join,slice,concat。map,filter,some,every等也不改变原数组

join

将所有数组元素结合为一个字符串,还可以规定分隔符

toString

把数组转换为数组值(逗号分隔)的字符串。

增(返回新数组长度)

push

在数组(结尾处)向数组添加(一个)新的元素
返回新数组的长度

unshift

(在开头)向数组添加新元素,并“反向位移”旧元素
返回新数组的长度

删(返回被删除的值。类型不变)

pop

从数组中删除最后一个元素
返回“被弹出”的值

shift

删除首个数组元素
返回被“位移出”的值

拼接

splice(start,length,insert,insert)(拼接)

用于向数组添加新项
返回一个包含已删除项的数组
splice(2,4,‘2’,‘4’)。2:从第二位开始切,4:删除四位。添加’2’,'4’到切口处

slice(start,end) (裁剪,创建新数组,不改变原数组)

用数组的某个片段切出新数组。
slice(1,3),从开始参数选取元素,直到结束参数(不包括)为止.

  1. var a=[1,2,3,4,5,6];
  2. var b=a.slice(0,3); //[1,2,3]
  3. var c=a.slice(3); //[4,5,6]
  4. var b=a.slice(-1); //[6]
  5. var b=a.slice(-6); //[1,2,3,4,5,6]
  6. var b=a.slice(6);  //[]

concat(返回一个新数组,不改变原数组)

通过合并(连接)现有数组来创建一个新数组

排序


字符串

  • 字符串是不可变的:字符串不能更改,只能替换

查找字符串中的字符串

indexOf(返回首次出现的索引)

lastIndexOf(返回最后一次出现的索引)

  1. 两种方法都接受作为检索起始位置的第二个参数
  2. 如果未找到文本, indexOf() 和 lastIndexOf() 均返回 -1。
  3. lastIndexOf() 方法向后进行检索(从尾到头),假如第二个参数是 50,则从位置 50 开始检索,直到字符串的起点。

search()

这两种方法是不相等的。区别在于:

  • search() 方法无法设置第二个开始位置参数。
  • indexOf() 方法无法设置更强大的搜索值(正则表达式)

提取部分字符串

有三种提取部分字符串的方法:(字符串
.没有splice方法)

slice(start, end) (同数组方法)

substring(start, end)

  • substring() ,substr()类似于 slice()。
  1. 不同之处在于 substring() 无法接受负的索引。
  2. 如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分。

substr(start, length)

  1. 如果首个参数为负,则从字符串的结尾计算位置。
  2. 如果省略第二个参数,则该 substr() 将裁剪字符串的剩余部分。
  3. 第二个参数不能为负,因为它定义的是长度。

把字符串转换为数组

split(join的反过来用法)

var txt = "a,b,c,d,e";   // 字符串
txt.split(",");          // 用逗号分隔
txt.split(" ");          // 用空格分隔
txt.split("|");          // 用竖线分隔

替换字符串内容

replace(不会改变字符串,返回的是新字符串。)

  1. 只替换首个匹配
  2. replace() 对大小写敏感。不同大小写不行
  3. 如需执行大小写不敏感的替换,请使用正则表达式 /i(大小写不敏感)
  4. 如需替换所有匹配,请使用正则表达式的 g 标志(用于全局搜索)
str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3School");
var n = str.replace(/Microsoft/g, "W3School");

转换为大写和小写

toUpperCase

toLowerCase

提取字符串字符

charAt(position)

返回字符串中指定下标(位置)的字符串

var str = "HELLO WORLD";
str.charAt(0);            // 返回 H

charCodeAt(position)

返回字符串中指定索引的字符 unicode 编码

var str = "HELLO WORLD";

str.charCodeAt(0);         // 返回 72

[ ]属性访问

使用属性访问有点不太靠谱:

  1. 不适用 Internet Explorer 7 或更早的版本
  2. 它让字符串看起来像是数组(其实并不是)
  3. 如果找不到字符,[ ] 返回 undefined,而 charAt() 返回空字符串。
  4. 它是只读的。str[0] = “A” 不会产生错误(但也不会工作!)
var str = "HELLO WORLD";
str[0] = "A";             // 不产生错误,但不会工作
str[0];                   // 返回 H

其他操作

concat(同数组方法,不会修改原始字符串)

String.trim()(删除字符串两端的空白符)

你可能感兴趣的:(JavaScript基础,js)