javascript中的数组
来源:互联网 发布:西科软件科技有限公司 编辑:程序博客网 时间:2024/06/15 19:27
写之前,有点话说,小编也是个初入前端的菜鸟,第一次写博客,写得不好,表达的不好,希望大家也不要介怀,当然,前提是有人来看到!
在工作中,对数组的操作是必不可免的,接下来写的是个人的一些总结笔记,写的时候,也是为了加深自己的记忆。
创建数组
var arry1 = []; //创建一个空数组var arry2 = new Array("1","2","3"); //创建一个长度为3的数组var arry3 = ["1","2","3"]; //创建一个长度为3的数组var arry4 = new Array(); //也可以这么创建一个数组 arry4[0] = "1"; arry4[1] = "2"; arry4[2] = "3";
以上是个人总结出来创建数组的方式,个人习惯于使用arry1创建空数组和arry3创建已知数组的方式;使用哪种方式是比较自由的,纯粹看个人习惯。
数组的属性方法
先上一张图,图中 _proto(编辑器的原因,小编打不出右下方的下划线,泪崩···) 下的的一些方法,就是数组原型上的方法,各位看官如果有兴趣的话,可以逐个去尝试耍一耍,小编在这里就不一一介绍了,主要介绍几个工作中常用到属性和方法的。
1 arry.length
length是数组中的长度属性,工作中,我们经常会使用到,通过数组长度来循环数组数据
var arry = ["abc","def","ghi","jkl"]; var len = arry.length; //数组的长度var str = "";for(var i=0; i<len; i++){ //jq里面常用到的字符串拼接 str += "<span>" + arry[i] + "</span>"; }
2 pop() 方法
pop() 方法将删除 arry 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值
//这里的arry数组数据,就是1.length属性介绍中的数据,下文中的同样console.log(arry.pop()); //输出是 jklconsole.log(arry.length); //输出是 3
3 push() 方法
push() 方法可把它的参数顺序添加到 arry 的尾部。它直接修改 arry,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
arry.push("mno");console.log(arry); //输出是 ["abc","def","ghi","jkl","mno"]console.log(arry.length); //输出是 5console.log(arry.pop()); //输出是 mnoconsole.log(arry.length); //输出是 4
4 splice() 方法
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arry 中删除了元素,则返回的是含有被删除的元素的数组。
console.log(arry.splice(2,1)); //输出是 ["ghi"]console.log(arry); //输出是 ["abc","def","jkl"]
5 join() 方法
join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
console.log(arry.join()); //输出是 abc,def,ghi,jklconsole.log(arry.join("/")); //输出是 abc/def/ghi/jkl
以上是小编常用的几个方法属性,各位有兴趣了解更多的可以逐个去尝试一番
1 0
- javascript - javascript中的数组
- JavaScript中的数组
- javaScript 数组中的方法
- javascript中的数组操作方法
- javascript中的二维数组
- javascript中的数组操作
- javascript中的数组
- JavaScript中的数组
- javascript中的数组
- Javascript中的数组复制
- javascript中的数组
- Javascript中的数组
- JavaScript中的数组
- javaScript 中的 类型数组
- Javascript中的数组对象
- JavaScript中的数组
- JavaScript中的数组操作
- javascript中的数组
- 降低Java垃圾回收开销的5条建议
- CodeForces 670D Triangles
- iOS时间那些事
- 关于Pods written in Swift can only be integrated as frameworks问题的解决
- Android中的五种数据存储方式
- javascript中的数组
- android 广播的方法
- Java开发者应当理解的专业术语
- hdoj 1179 Ollivanders: Makers of Fine Wands since 382 BC. (二分图--最大匹配)
- [BZOJ2436][Noi2011]Noi嘉年华(dp)
- 关于STM32 的 硬件IIC和 模拟IIC理解学习
- 百度搜索小尾巴
- linux下导入、导出mysql数据库命令
- java表现层技术