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 元素中的文本 ...
随机推荐
- [leetcode-609-Find Duplicate File in System]
https://discuss.leetcode.com/topic/91430/c-clean-solution-answers-to-follow-upGiven a list of direct ...
- mongodb数据库操作之简单查询
1. 2. 3.修改器 默认一条一条修改 4. 5.查询 6.mysql简单操作
- 使用IMAGEMAGICK的CONVERT工具批量转换图片格式
使用IMAGEMAGICK的CONVERT工具批量转换图片格式 http://www.qiansw.com/linux-imagemagick-convert-img.html Home > 文 ...
- iOS版微信开发小结(微信支付,APP跳转微信公众号)
最近公司心血来潮,一心要搞微信.废话不多说,直接上干货. 开发前准备: 1.在微信开发者平台获取开发者认证:(一年300元人民币) PS:具体流程按照微信流程指示操作即可,在这就不废话了. 2.下载微 ...
- PAT 1015 德才论
https://pintia.cn/problem-sets/994805260223102976/problems/994805307551629312 宋代史学家司马光在<资治通鉴>中 ...
- [剑指Offer] 28.数组中出现次数超过一半的数字
[思路]将每个数字都存入map中作为key值,将它们出现的次数作为value值,当value超过一半时则返回其key值. class Solution { public: int MoreThanHa ...
- jQuery - AJAX get()和post()方法
jQuery get()和post()方法用于通过HTTP GET或POST请求从服务器请求数据. HTTP请求:GET VS POST 两种在客户端和服务器端进行请求-响应的常用方法是:GET和PO ...
- BZOJ4476 JSOI2015送礼物(分数规划+单调队列)
看到这个式子当然先二分答案.得max-min-(j-i+k)ans>=0. 显然max-min相同的情况下所选区间长度越短越好,所以max和min都应该取在边界.那么实际上我们根本不用管端点是否 ...
- P2161 [SHOI2009]会场预约
题目描述 PP大厦有一间空的礼堂,可以为企业或者单位提供会议场地.这些会议中的大多数都需要连续几天的时间(个别的可能只需要一天),不过场地只有一个,所以不同的会议的时间申请不能够冲突.也就是说,前一个 ...
- 【南开OJ2264】节操大师(贪心+二分+并查集/平衡树)
好久没更新了,今天就随便写一个吧 题目内容 MK和他的小伙伴们(共n人,且保证n为2的正整数幂)想要比试一下谁更有节操,于是他们组织了一场节操淘汰赛.他们的比赛规则简单而暴力:两人的节操正面相撞,碎的 ...