js的数组方法,字符串方法

99 阅读6分钟

1.数组的遍历方法 forEach; map; filter; find; findIndex; every; some; reduce;

      1. forEach
          * 语法: 数组.forEach(function(item, index, origin){})
          * 参数: 
                  1. 数组实际每一项的值
                  2. 数组每一项对应的下标
                  3. 原数组
          * 作用: 遍历数组
          * 返回值:   返回值是 undefined  哪怕你手写了 return 也是 undefined
     
      2. map
          * 语法: 数组.map(function (item, index, origin) {})
          * 参数: 
                  1. 数组每一项实际的值
                  2. 数组每一项实际的值对应的下标
                  3. 原数组
          * 作用: 映射数组
          * 返回值: 返回一个和原数组长度一样的数组, 返回的数组的每一个值, 取决参数的return怎么写

      3. filter; 
          * 语法: 数组.filter(function (item, index, origin) {})
          * 参数: 
                  1. 数组每一项实际的值
                  2. 数组每一项实际的值对应的下标
                  3. 原数组
          * 作用: 过滤数组
          * 返回值: 过滤数组后的新数组, 过滤条件取决于 参数的 return 怎么写
      4. find; 
          * 语法: 数组.find(function (item, index, origin) {})
          * 参数: 
                  1. 数组每一项实际的值
                  2. 数组每一项实际的值对应的下标
                  3. 原数组
          * 作用: 查找数据
          * 返回值: 在数组内找到的第一个数据(不是数组)
      5. findIndex;
          * 语法: 数组.findIndex(function (item, index, origin) {})
          * 参数:
                  1. 数组每一项实际的值
                  2. 数组每一项实际的值对应的下标
                  3. 原数组
          * 作用: 查找数据 第一次出现的 下标
          * 返回值: 在数组内找到的第一个数据出现的下标
     
      6. every; 
          * 语法: 数组.every(function(item, index, origin){})
          * 参数:
                  1. 数组第一项实际的值
                  2. 数组第一项实际的值对应的下标
                  3. 原数组
          * 作用: 判断数组内数据是否全都满足条件
          * 返回值: 一个布尔值
              true ---> 数组内数据全都符合条件
              false ---> 数组内起码有一个数据 不符合条件
      
      7. some;
          * 语法: 数组.some(function (item, index, origin) {})
          * 参数:
                  1. 数组每一项实际的值
                  2. 数组每一项实际的值对应的下标
                  3. 原数组
          * 作用: 判断数组内数据是否  有一项 满足条件的
          * 返回值: 一个布尔值
              true: 表示数组内至少有一项满足条件
              false: 数组内数据全都不满足条件
     
      8. reduce;
          * 语法: 数组.reduce(function (prve, item, index, origin) {}, init)
          * reduce方法的参数: 
                  1. 如果传递第二个参数 init, 执行次数和数组长度相同
                  2. 如果不传递第二个参数 init, 默认第一值为数组第一项的值, 并且执行次数在数组长度上 减1
          * 参数1的函数中4个形参的含义:
                  1. 表示初始值或者数组第一项的值(具体是什么取决于是否传递 init)
                  2. 数组每一项实际的值
                  3. 数组每一项实际的值对应的下标
                  4. 原数组
          * 作用: 累加(叠加)
          * 返回值: 循环运行结束后得到的值

2.字符串

          引号包裹的内容就是字符串
              单引号; 双引号; 反引号``  反引号的字符串也叫做 模板字符串(ES6新)
     
     
      以前的创建字符串方式 都是 通过 字面量
     
      新的创建方式     通过 内置构造函数

      包装类型
          字符串在正常查询使用的时候, 就是引号包裹起来的内容
          但是如果想要使用字符串上的方法, JS 内部会先将字符串包装为一个字符串对象,
              这个对象上有一些方法, 使用完毕后, 将字符串对象恢复为普通对象
      字符串也是有length与下标的 
      length 长度 
      索引(下标): 获取到字符串中指定位置的值      但是!  是只读

3.字符串的方法 1. charAt * 语法: 字符串.charAt(索引) * 作用: 查询指定下标的值 * 返回值: 查询到的值, 没有查询到就是一个 空字符串

      2. charCodeAt
          * 语法: 字符串.charCodeAt(索引)
          * 作用: 查询指定下标的值 对应的 十进制码
          * 返回值:   查询到的值对应的十进制码, 没有查询到就是 NaN

      3. toLowerCase 
          * 语法: 字符串.toLowerCase()
          * 作用: 将字符串转换为小写
          * 返回值: 转换后的字符

      4. toUpperCase 
          * 语法: 字符串.toUpperCase()
          * 作用: 将字符串转换为大写
          * 返回值: 转换后的字符

      1. substr   // MDN 说明 这个方法将来的某一天可能会删除, MDN 推荐使用 substring
          * 语法: 字符串.substr(开始索引, 多少个)
          * 作用: 截取指定字符串
          * 返回值: 截取到的字符串
     
      2. substring
          * 语法: 字符串.substring(开始下标, 结束下标)    参数包前不包后
          * 结束下标不传, 相当于写了 length
          * 作用: 截取指定字符串
          * 返回值: 截取到的字符串
      
      3. slice
          * 语法: 字符串.slice(开始下标, 结束下标)    参数包前不包后
          * 结束下标不传, 相当于写了 length
          * 开始下标不传, 相当于写了 0
          * 作用: 截取指定字符串
          * 返回值: 截取到的字符串

      1. concat
          * 语法: 字符串.concat(数据1, 数据2, 数据3)
          * 作用: 将字符串和  参数传递的数据  拼接
          * 返回值: 拼接后的字符串

      2. indexOf
          * 语法: 字符串.indexOf(数据, 开始下标)
          * 作用: 寻找数据在字符串中的位置
          * 返回值: 找到的时候返回下标, 找不到返回 -1

      3. lastIndexOf
          * 语法: 字符串.lastIndexOf(数据, 开始下标)
          * 作用: 寻找数据在字符串中出现的位置(倒叙查找)
          * 返回值: 找到返回下标, 找不到返回 -1

     4. split
          * 语法: 字符串.split('符号')
          * 参数如果传递的是 空字符串, 会将字符串全部分隔开
          * 作用: 在 字符串中找到分隔符, 将其分割, 并放置到数组中
          * 返回值: 数组形式的

      1. 转化为数组   字符串.split(分隔符)
      2. 反转数组
      3. 将数组的每一项合并为一个字符串

      1. trim
          * 语法: 字符串.trim()
          * 作用: 去掉字符串两侧的空格
          * 返回值: 将去掉空格的字符串返回
     
      2. trimStart    ---> trimLeft()
          * 语法: 字符串.trimStart()
          * 作用: 去掉字符串左侧(开始位置)的空格
          * 返回值: 将去掉空格的字符串返回
     
      3. trimEnd      ---> trimRight()
          * 语法: 字符串.trimEnd()
          * 作用: 去掉字符串右侧(结束位置)的空格
          * 返回值: 将去掉空格的字符串返回

      1. includes
          * 语法: 字符串.includes(字符串片段)
          * 作用: 判断 当前字符串中  是否拥有 指定字符串 片段
          * 返回值: true ---> 拥有;   false ---> 没有
     
      2. startsWith
          * 语法: 字符串.startsWith('字符串片段')
          * 作用: 查询字符串开头是不是 指定的 字符串片段
          * 返回值: true: 是开头;     false: 不是开头
      
      3. endsWith
          * 语法: 字符串.endsWith('字符串片段')
          * 作用: 查询字符串结尾是不是 指定的 字符串片段
          * 返回值: true: 是结尾;     false: 不是结尾
      
      4. replace
          * 语法: 字符串.replace('要被替换的字符', '替换的字符')
          * 作用: 找到当前字符串中第一个参数对应的值, 然后将其替换为 第二个参数传入的数据
          * 返回值: 替换完成的字符串