详谈js中数组(array)和对象(object)的区别


Posted in Javascript onFebruary 27, 2017

•object 类型:

◦ 创建方式:

/*new 操作符后面Object构造函数*/ 
var person = new Object(); 
person.name = "lpove"; 
person.age = 21; 
/*或者用对象字面量的方法*/ 
var person = { 
name: "lpove"; 
age : 21; 
}

•array类型

◦ 创建方式:

`var colors = new Array(“red”,”blue”,”yellow”);

• 区别和不解

◦ 比如有一个数组a=[1,2,3,4],还有一个对象a={0:1,1:2,2:3,3:4},然后你运行alert(a[1]),两种情况下的运行结果是相同的!这就是说,数据集合既可以用数组表示,也可以用对象表示,那么我到底该用哪一种呢?

我后来才知道,数组表示有序数据的集合,而对象表示无序数据的集合。如果数据的顺序很重要,就用数组,否则就用对象。

当然,数组和对象的另一个区别是,数组的数据没有”名称”(name),对象的数据有”名称”(name)。

但是问题是,很多编程语言中,都有一种叫做”关联数组”(associative array)的东西。这种数组中的数据是有名称的。

• 但是在《javascript DOM》中,不推荐我们使用 关联数组;

◦ 关联数组:

var lpove = Array(); 
lpove[name] = "lei"; 
lpove[age] = 21; 
lpove[living] = true;
/*对象构造*/
  var lpove = Object();
    lpove.name = "lei";
    lpove.age = 21;
    lpove.living = true;

因为在本质上你创建的关联数组的性质就是Array对象的属性

以上这篇详谈js中数组(array)和对象(object)的区别就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
有道JavaScript监听浏览器的问题
Jun 23 Javascript
js、css、img等浏览器缓存问题的2种解决方案
Oct 23 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
Nov 30 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
Apr 15 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
jQuery实现页面顶部下拉广告
Dec 30 Javascript
bootstrap table表格使用方法详解
Apr 26 Javascript
基于vue实现swipe轮播组件实例代码
May 24 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
详解Vue调用手机相机和相册以及上传
May 05 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 Javascript
JS区分Object与Aarry的六种方法总结
Feb 27 #Javascript
利用Vue.js框架实现火车票查询系统(附源码)
Feb 27 #Javascript
JavaScript中object和Object的区别(详解)
Feb 27 #Javascript
jQuery使用DataTable实现删除数据后重新加载功能
Feb 27 #Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
Feb 27 #Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
Feb 27 #Javascript
详解Javascript几种跨域方式总结
Feb 27 #Javascript
You might like
PHP学习 变量使用总结
2011/03/24 PHP
PHP冒泡排序算法代码详细解读
2011/07/17 PHP
PHP对象转换为数组函数(递归方法)
2012/02/04 PHP
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
简单学习vue指令directive
2016/11/03 Javascript
实现一个简单的vue无限加载指令方法
2017/01/10 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
2017/05/10 Javascript
原生JS实现瀑布流插件
2018/02/06 Javascript
vue 使用自定义指令实现表单校验的方法
2018/08/28 Javascript
详解Vue源码之数据的代理访问
2018/12/11 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
2019/05/07 Javascript
JavaScript实现矩形块大小任意缩放
2020/08/25 Javascript
python中的字典使用分享
2016/07/31 Python
独特的python循环语句
2016/11/20 Python
如何利用python制作时间戳转换工具详解
2018/09/12 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
Django实现网页分页功能
2019/10/31 Python
python脚本第一行如何写
2020/08/30 Python
Python将QQ聊天记录生成词云的示例代码
2021/02/10 Python
利用CSS3的transition属性实现滑动效果
2015/08/05 HTML / CSS
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
耐克中国官方商城:Nike中国
2018/10/18 全球购物
澳大利亚珠宝商:Shiels
2019/10/06 全球购物
adidas爱尔兰官方网站:阿迪达斯运动鞋和运动服
2019/11/01 全球购物
临床医学专业个人的自我评价
2013/09/27 职场文书
幼师自我鉴定范文
2013/10/01 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
网络管理员岗位职责
2015/02/12 职场文书
Python机器学习之KNN近邻算法
2021/05/14 Python
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL