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

  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] 

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

javaScript之数组操作方法(一)的更多相关文章

  1. JavaScript常用数组操作方法,包含ES6方法

    一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2,3]; var arr2 = [4,5]; ...

  2. 技巧收藏|10个JavaScript常用数组操作方法

    摘要:这篇文章,向大家展示了在日常开发中,数组有哪些小技巧值得借鉴和学习. 在web前端开发第二阶段Javascript中,数组是一个重要且常见的知识点,我们经常将数据存储在数组中,遍历数组或替换数组 ...

  3. JavaScript常用数组操作方法

    数组是用于储存多个相同类型数据的集合,平时在数据的处理中用到最多,JavaScript 中常用的操作方法 1.concat()concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅 ...

  4. JavaScript常用数组操作方法,包含ES6方法

    一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2,3]; var arr2 = [4,5]; ...

  5. 总结JavaScript常用数组操作方法,包含ES6方法

    一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2,3]; var arr2 = [4,5]; ...

  6. JavaScript 数组操作方法 和 ES5数组拓展

    JavaScript中数组有各种操作方法,以下通过举例来说明各种方法的使用: 数组操作方法 push 在数组最后添加一个元素 var arr=[3,4,5,6] console.log(arr) // ...

  7. JavaScript中的常用的数组操作方法

    JavaScript中的常用的数组操作方法 一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2 ...

  8. JavaScript中数组操作常用方法

    JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...

  9. ECMAScript 6中的数组操作方法

    本文介绍ECMAScript 6即将带给我们新的数组操作方法,以及在怎样在现有浏览器应用这些新的数组特性. Note: 我将使用交替使用构造器(constructor)和类(class)两个术语. 类 ...

随机推荐

  1. iOS日期问题

    由于项目需要,需要获取去设备的当前时间,组成一个字符串,比如 2018年9月15日 15点30分30秒,需要转换成字符创:180915153030. 很简单的一个需求,于是就使用了日期格式话当前时间: ...

  2. ECS之Git服务器搭建

    最简教程 ### . 安装Git 安装Git服务,命令如下: ```Shell $ yum install curl-devel expat-devel gettext-devel openssl-d ...

  3. Python模块 2

    collections模块 在内置数据类型(dict.list.set.tuple)的基础上,collections模块还提供了几个额外的数据类型: 1.namedtuple: 生成可以使用名字来访问 ...

  4. BZOJ-3208|记忆化搜索-花神的秒题计划Ⅰ

    背景[backboard]: Memphis等一群蒟蒻出题中,花神凑过来秒题-- 描述[discribe]: 花花山峰峦起伏,峰顶常年被雪,Memphis打算帮花花山风景区的人员开发一个滑雪项目. 我 ...

  5. 【做题】SRM701 Div1 Hard - FibonacciStringSum——数学和式&矩阵快速幂

    原文链接 https://www.cnblogs.com/cly-none/p/SRM701Div1C.html 题意:定义"Fibonacci string"为没有连续1的01串 ...

  6. 使用NVM管理Node - Windows

    安装 NVM NVM 下载:https://github.com/coreybutler/nvm-windows 安装 Node 注意:如果没有FQ默认源可能安装npm失败,请参考下一节“安装 NPM ...

  7. python自动化测试常用断言的使用方法

    自动化测试中寻找元素并进行操作,如果在元素好找的情况下,大家就可以较熟练地编写用例脚本了,但光进行操作可能还不够,有时候也需要对预期结果进行判断. 下面介绍几个常用断言的使用方法,可以一定程度上帮助大 ...

  8. Job for docker.service failed because the control process exited with error

    Docker 无法启动 报错信息:Job for docker.service failed because the control process exited with error 找了很久才解决 ...

  9. Notepad++的Json格式化插件

    安装  :1.下载插件压缩包并解压出dll:Jsonviewer2.dll(64位)或NPPJSONViewer.dll(32位); 2..拷贝对应dll到Notepad++安装目录下的plugins ...

  10. If嵌套

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...