JavaScript的数组详解
#转载请留言联系
创建数组
1.通过new Array()进行创建
var arr1=new Array();
2.通过中括号进行创建
var arr2=[];
计算数组的长度
var arr3=['1','2','3'];
console.log(arr3.length)
数组的下标
//从0开始,从左到右
var arr4 = ["a","b","c","d"];
console.log(arr4[1])
注意:下标为-1表示没有这个元素,而不是倒数第一个!
获取成员在数组中的下标 indexOf
var arr=["a","b","c"];
console.log(arr.indexOf("b"))
console.log(arr.indexOf("1")) 输出:
1
-1 //当成员不在数组中,则返回-1
数组的拼接 join
var arr5=["a","b","c"];
console.log(arr5.join("-")) 输出:
a-b-c
数组的反转排列
var arr5=["a","b","c"];
console.log(arr5.reverse()) 输出:
["c", "b", "a"]
数组的删除元素
splice(删除开始的下标,删除的成员个数)
返回值就是被删除的元素组成的数组
var arr5=["a","b","c","d"];
console.log(arr5.splice(1,2))
console.log(arr5) 输出:
["b","c"]
["a","d"]
在数组的任意位置添加元素
splice(要插入的下标位置,,[插入的元素])
var arr5=["a","b","c","d"];
console.log(arr5.splice(1,0,"x","y","z")) //0表示不删除元素!1表示插入的位置!
console.log(arr5) 输出:
[] //表示没有删除的元素
["a", "x", "y", "z", "b", "c", "d"] //在下标为1的地方插入"x","y","z
在数组的末尾添加元素
push 表示给数组新增成员,返回结果是新的成员的数量!
var arr5=["a","b","c",];
var ret=arr5.push("d");
console.log(arr5)
console.log(ret) 输出:
["a", "b", "c", "d"]
4
移除数组的最后一个成员
pop,返回值是被移除的元素!
var arr5=["a","b","c"];
var ret=arr5.pop();
console.log(ret)
console.log(arr5) 输出:
c
["a", "b"]
多维数组
多维数组就是数组的嵌套。二维数组就是嵌套两层,三维数组就是嵌套三层。
var arr5=[
["a","b","c"],
["1","2","3"],
["x","y","z"]
]
多维数组成员的获取
var arr5=[
["a","b","c"],
["1","2","3"],
["x","y","z"]
]
console.log(arr5[1][2]) 输出:
3
JavaScript的数组详解的更多相关文章
- javascript Array数组详解 各种方法
1.数组的声明方法(1): arrayObj = new Array(); //创建一个数组.复制代码 代码如下: var arr1 = new Array(); (2):arrayObj = new ...
- JavaScript进阶(十)Array 数组详解
JS array 数组详解 数组的声明方法 arrayObj = new Array(); 的数组 ,并且第一位是5 数组的运算(传地址) var t2=new Array(); t2[0]=1; t ...
- js课程 1-3 Javascript变量类型详解
js课程 1-3 Javascript变量类型详解 一.总结 一句话总结:js对象点(属性方法),json对象冒号(属性方法).属性和方法区别只有一个括号. 1.json对象中的函数的使用? 函数名 ...
- JavaScript(2)---DOM详解
JavaScript(2)---DOM详解 一.DOM概念 什么是DOM DOM全称为文本对象模型(Document Object Model),它定义了所有HTML元素的对象和属性,以及访问他们的方 ...
- 3.awk数组详解及企业实战案例
awk数组详解及企业实战案例 3.打印数组: [root@nfs-server test]# awk 'BEGIN{array[1]="zhurui";array[2]=" ...
- 从mixin到new和prototype:Javascript原型机制详解
从mixin到new和prototype:Javascript原型机制详解 这是一篇markdown格式的文章,更好的阅读体验请访问我的github,移动端请访问我的博客 继承是为了实现方法的复用 ...
- JavaScript严格模式详解
转载自阮一峰的博客 Javascript 严格模式详解 作者: 阮一峰 一.概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict m ...
- [转]javascript console 函数详解 js开发调试的利器
javascript console 函数详解 js开发调试的利器 分步阅读 Console 是用于显示 JS和 DOM 对象信息的单独窗口.并且向 JS 中注入1个 console 对象,使用该 ...
- javascript 节点属性详解
javascript 节点属性详解 根据 DOM,html 文档中的每个成分都是一个节点 DOM 是这样规定的:整个文档是一个文档节点每个 html 标签是一个元素节点包含在于 html 元素中的文本 ...
随机推荐
- django类视图简单使用和源码解析
django的类视图,CBV: 我们在开始接触django的时候,习惯于使用函数编写视图,即FBV.使用FBV时,我们只需要在路由匹配时,对应的路由下找到这个函数就可以了,这样做看似很和谐,但是有的时 ...
- POJ 1149 PIGS(最大流)
Description Mirko works on a pig farm that consists of M locked pig-houses and Mirko can't unlock an ...
- Hibernate配置实体类的属性
Hibernate配置实体类的属性既可以在页面显示关联实体类的所有属性,在插入该属性时又可以只插入单一属性 private String companyCode; private CompanyEnt ...
- Linux SPI总线和设备驱动架构之一:系统概述
SPI是"Serial Peripheral Interface" 的缩写,是一种四线制的同步串行通信接口,用来连接微控制器.传感器.存储设备,SPI设备分为主设备和从设备两种,用 ...
- winform 根据两点求出线上所有点及画出这条线
找出所有点: 根据斜率按照一个方向递增,求出对应的另一个方向的整数值. Point pStart = new Point(0, 2); Point pEnd = new Point(8, 2); // ...
- const在c/c++中的区别
#include <iostream> using namespace std; int main() { ; ; }; ; i < sizeof array / sizeof *a ...
- BZOJ4373 算术天才⑨与等差数列(线段树)
看上去很难维护,考虑找一些必要条件.首先显然最大值-最小值=k*(r-l).然后区间内的数需要模k同余.最后区间内的数两两不同(k=0除外).冷静一下可以发现这些条件组合起来就是充分的了. 考虑怎么维 ...
- axios超时重发
axios的超时是在response中处理的,所以要在response中添加拦截器: axios.interceptors.response.use(undefined, function axios ...
- bzoj2348
实在不懂为啥网上的题解都是二分,本人没写二分,wa的很惨结果竟然是printf("%d")的锅,改了就A了 2348: [Baltic 2011]Plagiarism Time L ...
- ios10 safari浏览器 在touchmove 里面写e.preventDefault(); 不起作用 的解决方法
最近做手机端项目遇到一个问题,就是在ios10系统里面 safari浏览器 在touchmove 里面写e.preventDefault();不起作用 更种google 还是没有找到解决方法 最后找 ...