数组

一、定义数组

* 字面量方式

 var 数组名称 = [ value,value,... ]

* 构造函数方式

var 数组名称 = new Array(value,value,...)  var 数组名称 = new Array(length)

              创建对象方式创建数组分析图

 

附:var num1 = 100; // number            var num2 = new Number(100); // object

var str1 = 'string'; // string             var str2 = new String('string'); // object

var boo1 = true; // Boolean            var boo2 = new Boolean(true); // object

var arr1 = [1,2,3,4]; // object          var arr2 = new Array(1,2,3,4); // object

二、数组分类

1.索引数组 - 默认创建的数组

(1)创建了空数组  (2)基于空数组创建索引数组

格式:var 数组名称 = new Array( );  数组名称[索引值] =值; 

索引值是数字(从0开始)】

注:当在某个具体位置上没有存储任何值时 - undefined

2.关联数组 - 类似于JavaScript的对象

格式:var 数组名称 = new Array( );  数组名称[索引值] =值;索引值是字符串】

注:ECMAScript官方规范中并没有提供关联数组的概念

3.稀疏数组

概念:数组的长度大于数组中元素的个数   数组中元素没有值的情况下,默认undefined

三、数组的属性-长度

非稀疏数组:  length 属性的值 = 当前数组包含元素的个数。

稀疏数组:    length 属性的值 > 当前数组包含元素的个数。

eg: var arr2 = [ ];    arr2[14] = ‘a’ ;  console.log( arr2.length );// 输出 15

四、操作(获取/修改/删除)

获取数组中的元素:数组名称[索引值]

修改数组中的元素:数组名称[索引值] = 新的值

删除数组中的元素:delete 数组名称[索引值]

注:只删除对应位置上的值,但位置保留 - undefined

遍历数组

* for语句: 遍历数组可以控制的开始和结束

* for.in语句:只能遍历数组从开始到结束

变量与数组

变量的赋值操作解析图

              数组的赋值操作解析图

五、 二维数组

概念: 数组的嵌套结构   遍历:for嵌套语句

六、常见的操作方法

  • 检测数据类型
  • 转换方法  toString( )
  • 进出栈—添加/删除   【对原数组有影响;删除则返回元素 添加则返回长度】

push( ) - 向数组的最后添加元素                pop() - 删除数组中最后一个元素

unshfit( ) - 向数组的开始添加元素              shfit( ) - 删除数组中第一个元素

  • 排序方法

reverse( ) - 颠倒数组中元素的顺序

sort( ) - 对数组的元素进行排序

【注: 默认排序不是由小到大的排序。若是两位数,则按第一位数来排列】

方法:通过 数组名称.sort( ) 里面构造函数,来改变默认的排序,使得按顺序序排列。

eg:  arr.sort(function(a,b){

return a < b ;                     ------  < 由大到小;  > 由小到大

});

  • 截取方法:

   slice(start,end)                                  【注:对原数组没有任何影响】                             

start---表示从数组的哪个索引值开始截取;       end---默认情况下,表示数组最后结束

设置值: 表示截取到当前索引值的前一个         返回值: 截取的结果

var arr1 = arr.slice(1,3);    console.log(arr,arr1);

   splice(index, howmany, element1,element2,...elementN)      【注:默认是一个数组】

index---表示当前数组的索引值(删除或添加的位置)

howmany ---表示删除元素的个数(若为0,则表示不删除)     element1---表示添加的元素

* 注意 - 被添加到数组的 index 位置上;       返回值 - 表示当前删除的元素

  • 搜索内容—>位置

indexOf(element)

element - 表示在数组中搜索的元素内容

用法:从数组中索引值为0开始搜索,依次向后;   返回值:第一个匹配的元素的索引值

注:如果搜索的元素在数组中不存在,则返回 -1

lastIndexOf(element)

element - 表示在数组中搜索的元素内容

用法:                                     返回值:最后一个匹配的元素的索引值

js数组定义、属性及方法(push/pop/unshfit/shfit/reverse/sort/slice/splice/indexOf/lastIndexOf)的更多相关文章

  1. js中Array数组的属性和方法

    这是我自己整理出来的一些关于Array数组的属性和方法,即查即用. 1.Array.length属性:数组的项数组,始终返回0或者更大的值. 2.instanceof操作符:value instanc ...

  2. JS数组定义

     JS数组定义收藏 function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.create ...

  3. js函数的属性和方法

    js函数的属性和方法 前面的话 函数是javascript中特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本文是深入理解j ...

  4. js数组去重五种方法

    今天来聊一聊JS数组去重的一些方法,包括一些网上看到的和自己总结的,总共5种方法(ES5). 第一种:遍历数组法 这种方法最简单最直观,也最容易理解,代码如下: var arr = [2, 8, 5, ...

  5. 第7.26节 Python中的@property装饰器定义属性访问方法getter、setter、deleter 详解

    第7.26节 Python中的@property装饰器定义属性访问方法getter.setter.deleter 详解 一.    引言 Python中的装饰器在前面接触过,老猿还没有深入展开介绍装饰 ...

  6. Python使用property函数定义属性访问方法如果不定义fget会怎么样?

    我们知道Python使用property函数定义属性访问方法时的语法如下: 实例属性=property(fget=None, fset=None, fdel=None, doc=None) 而是要@p ...

  7. Python使用property函数和使用@property装饰器定义属性访问方法的异同点分析

    Python使用property函数和使用@property装饰器都能定义属性的get.set及delete的访问方法,他们的相同点主要如下三点: 1.定义这些方法后,代码中对相关属性的访问实际上都会 ...

  8. JS 数组array方法push, pop, unshift, shift, slice,splice,contact, join, sort

    Array:数组对象用来在单独的变量名中存储一系列的值   定义数组:         1. var arrayObj = new Array();         2. var arrayObj = ...

  9. js数组定义和方法 (包含ES5新增数组方法)

    数组Array 1. 数组定义 一系列数据的集合成为数组.数组的元素可以为任何类型的数据(包括数组,函数等),每个元素之间用逗号隔开,数组格式:[1,2,3]. 2. 数组创建方式 (1) 字面量方法 ...

随机推荐

  1. 怎么看时序图--nand flash的读操作详解 (转)

    这篇文章不是介绍 nand flash的物理结构和关于nand flash的一些基本知识的.你需要至少了解 你手上的 nand flash的物理结构和一些诸如读写命令 操作的大概印象,你至少也需要看过 ...

  2. ZBrush看一个球体如何演变为头发

    对于头发的制作,ZBrush®是多样的,前面的教程中也有讲解,可以用球体作为子工具,用不同笔刷进行雕刻:还可以使用Z球转网格的方式.今天小编讲述一种最简单的方法,使用球体演变头发,这样的创作手法更高效 ...

  3. setTimeout()传带有参数的函数

    w3cshool里的解释:setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,语法:setTimeout(code,millisec). 也就是说,第一个参数可以是字符串形式的Ja ...

  4. SQL2012安装

    SQL2012安装 1.打开SQL安装包,点击setup安装 2.选择安装界面,点击全新安装 3.验证通过后,点击确定 4.选择我接受,点击下一步 5.在外网环境,可进行在线更新,内网环境取消勾选产品 ...

  5. springMVC常用注解的使用

    一.@ResponseBody注解的使用 1. @responseBody注解的作用是将controller的方法返回的对象通过适当的转换器,转换为指定的格式之后, 写入到response    对象 ...

  6. 【LibreOJ 6277】数列分块入门 1 (分块)

    emmm-学下分块~ 区间:数列中连续一段的元素 区间操作:将某个区间[a,b]的所有元素进行某种改动的操作 块:我们将数列划分成若干个不相交的区间,每个区间称为一个块 整块:在一个区间操作时,完整包 ...

  7. 批量删除.svn目录

    find . -type d -name ".svn"|xargs rm -rf find . -type d -iname ".svn" -exec rm - ...

  8. redi通过哨兵sentinel实现主从切换

    本次实验主要为了让哨兵监听redis主从复制,当主节点关闭后,哨兵会选举一台从节点成为主节点,并且让其他从节点变成新主节点得从节点 本次理论需要三台机器,一主两从,为了方便用一台服务器开启三个实例,一 ...

  9. Python 使用matplotlib模块模拟掷骰子

    掷骰子 骰子类 # die.py 骰子类模块 from random import randint class Die(): """骰子类""&quo ...

  10. 全球级的分布式数据库 Google Spanner原理

    开发四年只会写业务代码,分布式高并发都不会还做程序员?->>>    Google Spanner简介 Spanner 是Google的全球级的分布式数据库 (Globally-Di ...