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]
以上就分享到这里。俗话说看一遍不如自己动手写一遍,相信好多方法大家亲自写一下试一下肯定印象更深刻了。加油!
javaScript之数组操作方法(一)的更多相关文章
- JavaScript常用数组操作方法,包含ES6方法
一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2,3]; var arr2 = [4,5]; ...
- 技巧收藏|10个JavaScript常用数组操作方法
摘要:这篇文章,向大家展示了在日常开发中,数组有哪些小技巧值得借鉴和学习. 在web前端开发第二阶段Javascript中,数组是一个重要且常见的知识点,我们经常将数据存储在数组中,遍历数组或替换数组 ...
- JavaScript常用数组操作方法
数组是用于储存多个相同类型数据的集合,平时在数据的处理中用到最多,JavaScript 中常用的操作方法 1.concat()concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅 ...
- JavaScript常用数组操作方法,包含ES6方法
一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2,3]; var arr2 = [4,5]; ...
- 总结JavaScript常用数组操作方法,包含ES6方法
一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2,3]; var arr2 = [4,5]; ...
- JavaScript 数组操作方法 和 ES5数组拓展
JavaScript中数组有各种操作方法,以下通过举例来说明各种方法的使用: 数组操作方法 push 在数组最后添加一个元素 var arr=[3,4,5,6] console.log(arr) // ...
- JavaScript中的常用的数组操作方法
JavaScript中的常用的数组操作方法 一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2 ...
- JavaScript中数组操作常用方法
JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...
- ECMAScript 6中的数组操作方法
本文介绍ECMAScript 6即将带给我们新的数组操作方法,以及在怎样在现有浏览器应用这些新的数组特性. Note: 我将使用交替使用构造器(constructor)和类(class)两个术语. 类 ...
随机推荐
- win10 WSL kali 下载源 --另外 恭喜马哥喜提博客
第一篇也不知道写什么,就把昨晚安装kali时遇见的事写一下吧! 因为win10应用商店已经加入了kali,也省的我再去网上下载镜像,可下载后 wsl 未能设置为开发人员模式, 这算是失误吧!步骤如 ...
- 微信小程序云开发更换云开发环境
小程序云开发环境初始化默认是第一个环境,但是我们可以指定环境id //app.js App({ onLaunch: function () { if (!wx.cloud) { console.err ...
- Go 参数传递是传值还是传引用
什么是传值(值传递)? 传值的意思是:函数传递的总是原来这个东西的一个副本.一个副拷贝.比如我们传递一个 int 类型的参数,传递 的其实这个参数的一个副本:传递一个指针类型的参数,其实传递的是这个指 ...
- vim中文乱码问题
问题如下: 修改 /etc/vimrc 文件 添加: ,ucs-bom,gb18030,gbk,gb2312,cp936 把/etc/vimrc复制到你自己的根目录下面:复制为.vimrc(前面有个点 ...
- 北京AI外包团队 祝大家2019事业有事,大吉大利!
未来已来,以人工智能为核心的科技力量,在重新塑造着我们生活的环境.这种重新塑造的现象如此之明显,力量如此强大,以至于越来越多的人在讨论,我们面临着新一轮的工业革命.而且现在我们面临的这次新的科技力量, ...
- mac 开启ntfs 权限
原文: https://zhuanlan.zhihu.com/p/29542892 参考: https://bbs.feng.com/read-htm-tid-9932031.html 其实最早在OS ...
- b/s 和c/s的区别
简单解释: B/S最大优势为客户端免维护,适用于用户群庞大,或客户需求经长发生变化的情况. C/S功能强大,可以减轻服务器端压力,如果用户的需求特别复杂,用C/S. 全面: Client/Server ...
- CSS布局(圣杯、双飞翼、flex)
圣杯布局(float + 负margin + padding + position) <!DOCTYPE html> <html> <head> <meta ...
- requests库详解 --Python3
本文介绍了requests库的基本使用,希望对大家有所帮助. requests库官方文档:https://2.python-requests.org/en/master/ 一.请求: 1.GET请求 ...
- Envoy 源码分析--event
目录 Envoy 源码分析--event libevent Timer SignalEvent FileEvent RealTimeSystem 任务队列 延迟析构 dispacth_thread E ...