ECMAScript中的数组可以说是比较神奇了, ECMAScript中定义的数组每一项可以保存不同的数据类型,如第一项为字符串,第二项为数值等等

1. 那怎么创建一个数组呢?

方法和创建对象实例类似

(1)通过new + 构造函数创建。此处的构造函数就是Array了

  即 var arr = new Array()

  也可以传递参数 var arr = new Array(20) 则数组长度为20

  或者传递字符串 var arr = new Array('a','b')此处创建了包含2个字符串值的数组

  使用Array 构造函数时也可以省略new 操作符

(2)用字面量形式创建数组

var color = ['red', 'blue'];  //创建包含两个字符串的数组

var name = [];     //  创建空数组

var arr = [1,2,];   // 创建包含两项或三项的数组

var p = [,,,,,];  //创建包含5/6项的数组

前两种好懂,解释一下最后两种

为什么会有两种可能,原因是不同浏览器的理解不同,在IE8之前,会认为第三种创建了 项为1,2和undefined的数组

在其他浏览器中,会认为创建了1和2两项

同理 ,最后一种也是这样

但是要注意了,省略值的每一项都会获得undefined值

2. 数组的length 可变

如 var arr = [1,2]

arr[2] = 3

此处数组的长度为2,而要访问第三项,此处会默认为数组添加一项,长度变为3

反之,如果将数组长度设置为1

arr.length =  1;

则数组的最后一项会被删除,再访问arr[1]  输出undefined

若arr.length = 4; 超出原来长度了,则多余的项都会获得undefined值

3. 检测数组

如何检测一个对象是不是数组呢?

if(value instanceof Array) {

// 操作..

}

instanceof操作符的问题在于,它只有一个全局执行环境

若网页中包含多个框架,则有多个不同全局执行环境

从而存在多个版本的Array构造函数

如果你从一个框架向另一个框架传递数组,那么传入的数组和第二个框架原生的数组构造函数不一样

为了解决这个问题,ECMAScript 新增了Array.isArray()方法,目的是确定这个值是不是数组,不限于执行环境

4.转换方法

主要是数组转为字符串;若数组中值为null或undefined ,转换时返回空字符串

通常可以用toString()方法,返回每个值的字符串形式用逗号拼接起来

但是更常用的是join()方法

接受一个参数,即用作分隔符的字符串;不传递参数默认为逗号

['a','b','c'].join('+')  //返回 a+b+c

JS引用类型之Array的更多相关文章

  1. 从一个简单例子来理解js引用类型指针的工作方式

    <script> var a = {n:1}; var b = a; a.x = a = {n:2}; console.log(a.x);// --> undefined conso ...

  2. JavaScript高级编程——引用类型、Array数组使用、栈方法

    JavaScript高级编程——引用类型.Array数组使用.栈方法 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999 ...

  3. 观V8源码中的array.js,解析 Array.prototype.slice为什么能将类数组对象转为真正的数组?

    在官方的解释中,如[mdn] The slice() method returns a shallow copy of a portion of an array into a new array o ...

  4. js中的Array

    js中的Array 啥是ArrayLike对象 类似,下面这种对象的就是ArrayLike var arraylike = { 0: "a", 1: "b", ...

  5. JS arguments转array

    JS arguments转array? Array.prototype.slice.call(arguments)

  6. 初心不负 笔记-JS高级程序设计-引用类型篇-Array

    ES3方法集合: 1join()方法,将一个数组里面的所有元素转换成字符串,然后再将他们连接起来返回一个字符串,通过制定的符号,默认值为逗号.不会改变原数组 ,,,,]; a.join(); &quo ...

  7. JS引用类型之——数组

    前言 数组作为JS中非常常用的引用类型,其功能是非常强大滴,今天小猪就彻底的看了下它.为了防止猪脑子不够用所以记录在案呐 1.数组的创建 var arrayObj = new Array(); //创 ...

  8. js引用类型数组去重-对象标记法

    前言 Js数组去重已经有很多种实现方式:包括逐个检索对比(使用Array.property.indexOf),先排序后对比,使用hash表,利用ES6中的Set()等.这些数组去重办法中速度最快的是h ...

  9. JS 引用类型

    object类型: js中大多数引用类型都是Object类型的实例.创建object实例有两种方法:第一种是使用new操作符后跟Object构造函数. var obj = new Object();o ...

随机推荐

  1. 51 nod 1212 无向图最小生成树(Kruckal算法/Prime算法图解)

    1212 无向图最小生成树 N个点M条边的无向连通图,每条边有一个权值,求该图的最小生成树. 收起 输入 第1行:2个数N,M中间用空格分隔,N为点的数量,M为边的数量.(2 <= N < ...

  2. javascript 面向对象-面试题实例

    / 从设计到模式 // 设计模式简介 // 设计 // 模式 // 分开 // 从设计到模式 // 23种设计模式 // 创建型 // 工厂模式(工厂方法模式,抽象工厂模式,建造者模式) // 单例模 ...

  3. 【C++ Primer | 11】关联容器(一)

    在multimap或multiset中查找元素 第二种方法解释: #include <iostream> #include <utility> #include <ite ...

  4. 利用redis统计信息对CPU使用率进行收集

    http://dy.163.com/v2/article/detail/DQT2ROO10511RVML.html

  5. [转] webpack之plugin内部运行机制

    简介 webpack作为当前最为流行的模块打包工具,几乎所有的主流前端开发框架(React.Vue等)都会将其作为默认的模块加载和打包工具.通过简单的配置项,使用各种相关的loader和plugin, ...

  6. 第k个互质数(二分 + 容斥)

    描述两个数的a,b的gcd为1,即a,b互质,现在给你一个数m,你知道与它互质的第k个数是多少吗?与m互质的数按照升序排列. 输入 输入m ,k (1<=m<=1000000;1<= ...

  7. Bootstraptable源码

    // @author 文志新 http://jsfiddle.net/wenyi/47nz7ez9/3/ /**关于插件的通用构造 * * 构造函数PluginName($trigger,option ...

  8. Web前端开发:Sublime Text 常用插件

    在安装这些插件之前,确保你已经安装了Package Control.   安装Package Control方法:   通过菜单栏View->Show Console 或者快捷键Ctrl+` 打 ...

  9. eclipse4.2版本下面安装ADT,安装已经完成了,但没有ADT的那个图标显示

    如果安装过程没错,直接在Eclipse ->window->customize Perpective->Command Groups Availability 勾选andorid 选 ...

  10. css3实现旋转表

    如图所示: css部分: <style> #clock{width:100px; height:100px; border-radius:50%; border:4px solid bla ...