数组方法 + 字符串方法

数组方法

        数组对象

        属性:

            length 数组的长度

            数组.length

        方法:

            数组方法

            格式：数组.方法名称( );

  1) reverse 颠倒数组中的元素

    var arr1 = [78,74,51,23,45];

    console.log(arr1.reverse( ));

  2) toString() 数组方法，将数组转为字符串 

    var arr1 = [78,74,51,23,45];

    console.log(arr1.toString());

        3) join 将数组拼接成字符串，连接数组中的每一个值

    默认情况下是使用","进行拼接

    var arr = ['云南','九寨沟','拉萨','西双版纳','三亚','少林寺'];

    var newArr = arr.join('-');

    console.log(newArr);

join方法分析的过程：

<script>
      function join(a=','){
        var arr=['云南','九寨沟','拉萨','西双版纳','三亚','少林寺'];
        var str = '';
        for(var i=0;i<arr.length;i++){
          if(i == arr.length-1){
            str += arr[i];
          }else{
            str += arr[i]+a;
          }
        }
          return str;
        }
        console.log(join('*'));
</script>

        4) concat 连接多个数组，返回新数组

    var arr=['云南','九寨沟','拉萨','西双版纳','三亚','少林寺'];

    var newArr= arr.concat('嵩山','重渡沟');

    var newArr = arr.concat(['嵩山','重渡沟'],['嵩山','重渡沟']);

    console.log(newArr);

   拼接的方法有：

            1、concat

            2、... 扩展运算符[ES6]

        5) 元素添加

     push ( 添加的内容 ) 尾部添加

     unshift ( 添加的内容 ) 从数组的头部插入内容

       添加内容的时候不会产生新的数组，返回值是新数组的长度

       在原数组身上添加的内容

        6) 删除数组数据

     shift( ) 头部删除

     pop( ) 尾部删除

     删除内容的时候不会产生新的数组，返回值是被删除的内容本身

        7) splice(下标,删除的数量,添加的内容) 添加或者修改或者删除

     删除：返回值被删除的内容

       var arr=['云南','九寨沟','拉萨','西双版纳','三亚','少林寺'];

       console.log(arr.splice(3,1));

       console.log(arr);

     修改：返回值被修改的内容

       var arr=['云南','九寨沟','拉萨','西双版纳','三亚','少林寺'];

       console.log(arr.splice(3,1,'嵩山'));

       console.log(arr);

     添加：返回值被添加的内容

     添加的时候，需要把 删除 这个字段设置为0

       var arr=['云南','九寨沟','拉萨','西双版纳','三亚','少林寺'];

       console.log(arr.splice(3,0,'嵩山','华山'));

       console.log(arr);

  8) sort 排序

    使用方法：

     数组.sort(function(a,b)){return a-b / b-a}

<script>
        var arr = [3,5,2,6,9,3,6,9,4,2,6,8,0,5];
        var newArr = arr.sort(function(a,b){
            return a-b;
        })
        console.log(newArr);
</script>

     a-b 正序  

     b-a 倒叙   

 

  9) indexOf 查找

     查找数组指定数据，并返回 , 但要注意，一旦查询到数据，不论后面还有没有，都不会在执行

     返回值：返回的是第一个被查找到的内容的 下标；如果不存在，则返回 -1 

ES5新增数组方法    
  1) 数组.forEach(function(){})   回调函数 , 遍历数据

  2) 数组.map()           映射 ，回调函数 , 遍历数据并返回一个新数组

  3) 数组.filter()          过滤 ，回调函数    

  4) 数组.reduce()        汇总 ，回调函数    

  5) 数组.some()          回调    查找符合条件的 , 有则返回 true , 无返回false

  6) 数组.every()            如果每一个都符合条件 , 则返回 true

  7) 数组.from()             将类数组结构转为真正的数组

  8) Array.of()            将一组数转为数组Array.of(9, 4, 2, 7) ==> [9,4,2,7];

  9) Array.fill(val\[, index, end])    

    使用给定的值来填充数组 , val 用来做填充的值 , index 可选值 , 默认值 0 , 开始填充的下标位置 , end 可选值, 默认值 数组长度
  10) Array. find(fun)
    fun 回调函数 , 查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素

 

字符串方法

  1、查找

    indexOf(string,[index])

      (与数组方法相同)

      返回子字符串 abc 在字符串中第一次出现的位置
      string ： 查找的字符串的内容，必填项
      index：  开始查找位置，可有可无
      返回值：返回的是 第一个 被查找到的内容的 下标；如果被查找的内容不存在，则返回 -1 

    lastIndexOf(string,[index])

      返回子字符串 abc 在字符串中最后一次出现的位置
      string ：子字符串，查找的字符串的内容，必填项
      index：  开始查找位置，可有可无
      返回值：返回的是 最后一个 被查找到的内容的 下标；如果被查找的内容不存在，则返回 -1

  2、截取

    slice(start,end)

      获取字符串的某个部分
      start 表示开始位置，从 0 开始到 正无穷
      end  表示结束位置，可以为正值，也可以为负值

    substr(起始位置,[截取长度])

      起始位置：可以自定义，从0开始
      截取长度：可以是一个数字，还可以不写；如果不写长度，表示截取到字符串的末尾
      返回值：截取出来的字符串
    substring(起始位置,[结束位置])

      (与 slice 类同)

      不包括截取结果的右边界字符
      起始位置：是一个下标值，不能为负值
      结束位置：是一个下标值，不能为负值（不包括截取结果的右边界字符）

  3、替换
      str.replace('子字符串1','子字符串2')

        将字符串中 子字符串1 替换为 子字符串2

        字符串.replace("替换前","替换后")

      可以使用的是 正则表达式
        字符串.replace(/替换前/g,"替换后")    g ：global表示全局
        字符串.replace(/替换前/ig,"替换后")    I ：表示不区分大小写

  4、获取

      获取指定位置的字符
        charAt(n) 默认为第一个字符
        n 表示的是下标，范围是 0-正无穷，不能使用负值
      获取指定字符的 ASCII 编码

        str.charCodeAt()
        String.fromCharCode() 根据 ASCII 返回对应的字符

<script>
        var str1 = 'helloworld';
        var getStr1 = str1.charCodeAt(2);
        console.log(getStr1);  // 输出为 108
        var num = 97;
        console.log(String.fromCharCode(num))  // 输出为 a
</script>

  5、转换大小写

      转小写 toLowerCase()

      转大写 toUpperCase()

  6、将字符串分割为数组
      split(分割符,[返回数组的最大长度])
        分隔符：是一个字符串类型 或者是 正则表达式
        返回值：数组

 

<script>
var str1 = "jack1Rose2Box3Tom4Jerry";
console.log(str1.split(/[0-9]/)); // 按照数字进行分割
var str2 = "张三t里斯r王五p马六";
console.log(str2.split(/[a-z]/)); // 按照字母进行分割
</script>

输出结果：

  7、超链接

       link(url)

<div id="box">aaa</div>
<script>
        var oBox = document.querySelector('#box');
        oBox.innerHTML = oBox.innerHTML.link('http://www.baidu.com');
</script>

  8、其他方法：显示字符串效果
     bold() 加粗
     italics() 斜体
     strike() 删除
     fontcolor('#f00') 字符串颜色
     fontsize(1-7) 字符串大小
     sup() 上标标签
     sub() 下标标签

     link()  

  9、重复

    字符串.repeat(次数)  重复

 

ES5新增数组方法    
1）数组.forEach(function(){})   回调函数    遍历数据

2）数组.map()         映射，回调函数    遍历数据并返回一个新数组

3）数组.filter()        过滤，回调函数    

 

4）数组.reduce()       汇总，回调函数    

5）数组.some()        回调    查找符合条件的,有则返回true,无返回false

6）数组.every()          如果每一个都符合条件,则返回true

7）数组.from()          将类数组结构转为真正的数组

8）Array.of()           将一组数转为数组Array.of(9, 4, 2, 7)

9）Array.fill(val\[, index, end])  

  使用给定的值来填充数组val ，用来做填充的值index 可选值 ，默认值 0 ，开始填充的下标位置 ，end 可选值, 默认值 数组长度
10）Array. find(fun)

  Fun 回调函数 ，查找数组中符合条件的元素,若有多个符合条件的元素 ，则返回第一个元素