JS引用类型之Array
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的更多相关文章
- 从一个简单例子来理解js引用类型指针的工作方式
<script> var a = {n:1}; var b = a; a.x = a = {n:2}; console.log(a.x);// --> undefined conso ...
- JavaScript高级编程——引用类型、Array数组使用、栈方法
JavaScript高级编程——引用类型.Array数组使用.栈方法 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999 ...
- 观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 ...
- js中的Array
js中的Array 啥是ArrayLike对象 类似,下面这种对象的就是ArrayLike var arraylike = { 0: "a", 1: "b", ...
- JS arguments转array
JS arguments转array? Array.prototype.slice.call(arguments)
- 初心不负 笔记-JS高级程序设计-引用类型篇-Array
ES3方法集合: 1join()方法,将一个数组里面的所有元素转换成字符串,然后再将他们连接起来返回一个字符串,通过制定的符号,默认值为逗号.不会改变原数组 ,,,,]; a.join(); &quo ...
- JS引用类型之——数组
前言 数组作为JS中非常常用的引用类型,其功能是非常强大滴,今天小猪就彻底的看了下它.为了防止猪脑子不够用所以记录在案呐 1.数组的创建 var arrayObj = new Array(); //创 ...
- js引用类型数组去重-对象标记法
前言 Js数组去重已经有很多种实现方式:包括逐个检索对比(使用Array.property.indexOf),先排序后对比,使用hash表,利用ES6中的Set()等.这些数组去重办法中速度最快的是h ...
- JS 引用类型
object类型: js中大多数引用类型都是Object类型的实例.创建object实例有两种方法:第一种是使用new操作符后跟Object构造函数. var obj = new Object();o ...
随机推荐
- views.py视图函
views.py视图函数来自 urls 的映射关系 常用所需模块 from django.shortcuts import render # ****** 渲染 render 跳转到指定的 url.h ...
- Caffe和py-faster-rcnn日常使用备忘录
罗列日常使用中遇到的问题和解决办法.包括: { caffe使用中的疑惑和解释: 无法正常执行 train/inference 的情况: Caffe基础工具的微小调整,比如绘loss曲线图: 调试pyt ...
- Android实时取景:用SurfaceView实现
对于基于摄像头的Android应用,实时取景是一个基本前提,通过前置或后置摄像头持续获取捕获到的内容,可以进一步做处理(人脸检测.美颜.滤镜等). 所谓实时取景,简单说就是调用android的摄像头, ...
- .NetCore 下开发独立的(RPL)含有界面的组件包 (二)扩展中间件及服务
.NetCore 下开发独立的(RPL)含有界面的组件包 (一)准备工作 .NetCore 下开发独立的(RPL)含有界面的组件包 (二)扩展中间件及服 务 .NetCore 下开发独立的(RPL)含 ...
- 监控宝设置snmp
https://wiki.jiankongbao.com/doku.php/%E6%96%87%E6%A1%A3:snmp%E8%AF%8A%E6%96%AD
- Select2 多层次赋值时异步赋值的问题
场景: 当选择人员时加载人员,选择部门时加载部门.所以在人员下,选择人员A后,如果选择部门,会触发二级select 重新获取数据. 问题: 使用select2()方法进行绑定远程数据后,对第二个sel ...
- 关于window.open窗口的resize事件
jQuery 事件 - resize() 方法 当调整浏览器窗口的大小时,发生 resize 事件. resize() 方法触发 resize 事件,或规定当发生 resize 事件时运行的函数. & ...
- python josn包
Python josn包中的编码与解码方法 对于Python数据类型进行编码解码 json.dumps 对python的数据类型进行json格式编码 :(将dict转为json格式) eg: imp ...
- webapp用户身份认证方案 JSON WEB TOKEN 实现
webapp用户身份认证方案 JSON WEB TOKEN 实现Deme示例,Java版 本项目依赖于下面jar包: nimbus-jose-jwt-4.13.1.jar (一款开源的成熟的JSON ...
- react学习二 生命周期
转自:https://www.cnblogs.com/gdsblog/p/7348375.html react 中compent getDefaultProps object getDefaultPr ...