• javaScript之数组操作方法(一)


      本篇文章主要总结了几个简单的数组操作方法。数组就是一组数据的集合,接下来我们就了解一下几种数组的操作方法。

      1. join方法:把数组的所有元素放入一个字符串。举例如下:

      var arrJoin=["how","are","you"];  

      console.log(arrJoin.join("") );  // how are you

      2. split方法:把字符串转换成数组。 举例如下:

      var str ="i am caixukun";

        console.log(str.split(" "));  //["i","am","caixukun"] (ps: 注意我这里是根据空格来分割的)

      如果想分割成独立的字母的话 , 这里再引申一下字符串去除空格的操作

      var reg = new RegExp(" ","g"); 

      str.replace(reg,"")  //iamcaixukun

      然后再对我们的字符串进行分割str.split("")。输出如下图所示结果:

      

         另外, strSplit.split("",3) //第二个参数表示保留的数组长度  。

           3.reverse数组的反转操作。举例

      var arrReverse=["lu","han"];

      arrReverse.reverse()  // ["han","lu"]

      注意此操作会改变原有数组的值  此时我们再输出 arrReverse 值也会变为 ["han","lu"]

      4. 数组截取 slice和splice  这两个长得非常像的兄弟,看完以下大概我们就都明白了 也能分得清了

              首先说一下slice的用法:

         var arrSlice=[1,2,3,4,5,6];

              var arrSlice1 = arrSlice.slice(0,2) ; // (参数1:指定了数组的起始位置,参数2:规定从何处结束选取)

       arrSlice.slice(1) //是一个参数的话代表指定了数组的起始位置  [2,3,4,5,6]

              console.log(arrSlice1);   // [1,2]  

              console.log(arrSlice);  // [1,2,3,4,5,6]  说明次操作方法不会改变原数组的值

             接下来说一下slice的兄弟splice的用法,举例如下

       var arrSplice=[1,2,3,4,5,6];

       var arrSplice1=arrSplice.splice(2,3);  //(参数1:指定了数组的起始位置,参数2:保留的数组的个数)

            console.log(arrSplice1);  //[3,4,5]

         console.log(arrSplice); //  注意此处原数组返回被截取之后剩余的数值[1,2,6] 

      以上就分享到这里。俗话说看一遍不如自己动手写一遍,相信好多方法大家亲自写一下试一下肯定印象更深刻了。加油!

  • 相关阅读:
    js字符串String常用方法
    flexible.js结合rem实现移动端自适应布局
    Django API验证(令牌)
    错误堆栈信息
    JS Ajax异步请求发送列表数据后面多了[]
    根据后端传的时间前端js进行倒计时
    Vue select 下拉菜单
    centos 6.x 部署uwsgi+flask项目
    css 让背景图片不停旋转
    supervisor管理uwsgi
  • 原文地址:https://www.cnblogs.com/shimeng123/p/9234709.html
Copyright © 2020-2023  润新知