JS中数组被觉得是一种对象,慢慢的,怎么忽然感觉,JS中仅仅要能够独立出来的概念怎么都能够当成对象来解释呢?有点儿怀疑。继续学吧。先来总结一下JS中数组是怎样详细使用的。

一、创建

数组的创建在JS中和Object基本上是一样的。他能够通过newkeyword来声明,也能够通过字面量的方法来创建。JS中数组创建仅仅支持一维数组。

1、new

var box=new Array();//new keyword可省略,内部可对数组进行初始化,或者声明元素的个数,这点其他语言同样

2、字面量

var box=[]; //相同也能够进行初始化

3、注意:1、默认数组中每一个元素用‘,’分开,能够用Join()方法是用不同的分隔符对数组元素进行切割,比如:Join('|')

2、JS中数组元素能够为随意类型,甚至能够为数组。创建一个复杂类型的数组:

var box = [ {                            //第一个元素为包括name和age属性的一个对象
name: 'wyy',
age:22
},
'计算机编程',
[1, 2, 45, 6,new Object()], //字面量方法创建一个数组,内包括一个对象
25 + 34,
new Array(6,7,8) //这里为一个数组
]

二、元素赋值和调用

1、赋值

在为数组元素进行赋值时,能够直接初始化为各个元素进行赋值,但这样的方式不够灵活,假设我们想动态为数组加入元素时,这个时候须要的就是在外部直接为数组中的元素进行赋值。能够利用数组中各个元素的name为其赋值,能够利用元素下标进行赋值。

var  box=[];
box.name='wyy';
box.age=22;
alert(box['name']); //这里alert(box)直接弹出数组box的话不支持。会弹出空

或者採用数组下标的方式

var  box=[];
box[0]='wyy';
box[1]=22;
alert(box); //利用下标方式能够弹出box中的元素内容

鉴于上述两种方式的差异所以,通常赋值时,我们採用索引下标进行赋值。那么依据赋值的方式,数组在调用的时候原理也是一样的。通过元素名称和索引下标来进行调用。同一时候,这里能够用length属性来获得数组元素的个数和数组中最后一个元素的值。

三、对象和操作方法

对象方法

1、栈

push:在数组末尾加入一个元素 语法:box.push('123') 注意的是假设是alert(box.push('123'))会返回最新数组的长度

pop:移除数组末尾元素:语法 alert(box.pop())//返回移除元素的值,这里和push有差别

2、队列

push:同栈中的push方法

shift:移除最先进去的元素 语法:alert(box.shift())//打印出移除元素

unshift:为数组前端加入一个元素,并返回新数组的长度。box.unshift('123')//存在不兼容现象

3、排序

reverse:返回一个逆序排列的数组,原数组也被逆序了,说明操作的是数组的引用

sort:从小到大排序,这个函数在使用前须要对其排序规则进行声明。可正负颠倒。

操作方法:

1、concat:基于原来的数组再追加一个新的数组

2、slice()和spice()这两个方法用途非常广,參数不定,规则也不定,使用时,须要细致区分。

slice主要用于取值,但不影响原来数组的值

spice主要用于删除数组中指定的元素。比如:Box.splice(1,3)//从第一个元素開始,取3个元素,而且将原数组中这些元素删掉。同一时候也能够用来插入元素,比如:

Box.splice(1,0,'wlj','dsf')//在第一个元素后插入后面的元素

var box1= box.splice(1,0,'hello'); //这里第二个參数为0,所以没有要删除的位置,那么含义转变成在第一个位置后面插入一个元素‘hello’。

小结:这一部分的知识比較碎,没有太多原理上的知识,我们必须将学过的知识进行知网,给它一条线来串起来,就像一个固定的模式一样能够从创建使用等方面将它们联系起来,多多回想,通过样例来加深理解。

JS基础——数组总结的更多相关文章

  1. JS基础-数组的常用方法-冒泡排序

    1.数组  1.关联数组    以数字作为元素下标的数组,就是索引数组.    以字符串作为元素下标的数组,就是关联数组.  2.js的关联数组    ex:在php中       $array=[& ...

  2. js基础-数组及数据类型

    数组也是引用类型 构造函数创建数组 Object 构造函数类型(所有类型基类)   Array 构造函数类型 求幂运算符 **   2**32-1 数组容量最大 arry.length 如果减小len ...

  3. JS基础——数组API之数组操作(filter、map、some、every、sort)

    var arr = [1,2,3,4];   forEach arr.forEach((item,index,arr) => { console.log(item) //结果为1,2,3,4 } ...

  4. js基础---数组方法

    数组数据的排序及去重 sort无形参的排序方式 arr1=[2,12,3,15]; var a=arr1.sort();console.log(arr1);console.log(a);//排序会改变 ...

  5. js基础——数组的概念及其方法

    数组: 概念:是一种特殊的对象. 与普通对象的区别:a.普通对象使用字符串作为属性名,而数组使用数字作为索引来操作元素: b.数组的存储性能比普通对象好 数组的标志:[ ] 数组的索引:是从0开始的整 ...

  6. js基础----数组

    1.数组如何定义 //第一种定义方法 var arr=[1,2,3,4]; //第二种定义方法 var arr=new Array(1,2,3,4); 两者没有任何区别,[]的性能可能略高,因为代码短 ...

  7. js 基础篇(点击事件轮播图的实现)

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  8. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  9. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

随机推荐

  1. 玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js)

    var FormDeal = { /** * 功能 :将表单的所有input都设为可编辑的 *@param 要操作表单的id */ formWritable: function (formId) { ...

  2. SqlServer表EXCEL数据复制的另一种方法

    一个.SqlServer表中的数据复制到excel 1.新建查询,用sql语句把表数据读出来 2.然后,选择数据,右键.复制(也能够点击连同标题复制),拷贝到记事本中(不然会乱码) 3.然后再把记事本 ...

  3. linux、hdfs、hive、hbase经常使用的命令

    linux经常使用命令 pwd 查看当前工作文件夹的绝对路径 cat input.txt 查看input.txt文件的内容 ls 显示当前文件夹下全部的文件及子文件夹 rm recommender-d ...

  4. Cocos2dx 3.0开发环境的搭建--Eclipse建立在Android工程

    一.前言: 这部分描述了Cocos2d-x 3.0的一些基础内容,以及在Eclipse上上编译我们的Cocos2d-x项目,成功把Helloworld执行起来了.看完本篇博客之后.你就会知道Cocos ...

  5. 为什么tap事件绑定在document上,而不是对象本身上

    1.在移动端前端开发,click事件有300ms的延时,为了提升用户体验,快速响应.zepto添加了tap事件.tap是在手指触屏横纵向移动距离小于30px,触发tap事件.移动距离的判断是通过tou ...

  6. QoS令牌桶工作原理

    QoS的一个重要作用就是对port流量进行监管,也就是限制port流量.但QoS是怎样做到这点的呢?那就是QoS的令牌桶机制了.以下是在笔者刚刚出版的<Cisco/H3C交换机高级配置与管理技术 ...

  7. 交叉编译libxml2

    请勿用于商业用途,转载请注明出处! xml的优势就是可以方便的管理配置项,libxml2是c语言实现的xml管理库,眼下项目须要ARM下的版本号,libxml2编译过程例如以下: 0.准备工作 下载地 ...

  8. HTML5实际和离线应用分析

    当前离线Web申请书,即,该装置不能访问因特网时的应用的执行.HTML5离线应用重点,主要开发人员希望.步骤离线应用开发有:首先我们应该知道设备是否可以连接;然后,它也应该可以访问某些资源(像.CSS ...

  9. ECG信号读出,检测QRS,P,T 波(小波去噪,并根据检测),基于BP辨识的神经网络

    这学期的课程选择神经网络.最后的作业处理ECG信号,并利用神经网络识别. 1  ECG引进和阅读ECG信号 1)ECG介绍  详细ECG背景应用就不介绍了,大家能够參考百度 谷歌.仅仅是简单说下ECG ...

  10. 乐在其中设计模式(C#) - 组合模式(Composite Pattern)

    原文:乐在其中设计模式(C#) - 组合模式(Composite Pattern) [索引页][源码下载] 乐在其中设计模式(C#) - 组合模式(Composite Pattern) 作者:weba ...