详谈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英文日期(有时间)选择器
May 02 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 Javascript
jQuery 自定义函数写法分享
Mar 30 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 Javascript
在页面加载完成后通过jquery给多个span赋值
May 21 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
Vuex利用state保存新闻数据实例
Jun 28 Javascript
vue小图标favicon不显示的解决方案
Sep 19 Javascript
angular6.0开发教程之如何安装angular6.0框架
Jun 29 Javascript
vue + element-ui的分页问题实现
Dec 17 Javascript
详解node和ES6的模块导出与导入
Feb 19 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多个文件上传到服务器实例
2014/10/29 PHP
网站防止被刷票的一些思路与方法
2015/01/08 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
javascript开发技术大全-第3章 js数据类型
2011/07/03 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
Js获取图片原始宽高的实现代码
2016/05/17 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
js实现购物车功能
2018/06/12 Javascript
vueScroll实现移动端下拉刷新、上拉加载
2019/03/22 Javascript
关于vue-cli 3配置打包优化要点(推荐)
2019/04/22 Javascript
通过vue写一个瀑布流插件代码实例
2019/09/07 Javascript
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
python实现中文分词FMM算法实例
2015/07/10 Python
你应该知道的python列表去重方法
2017/01/17 Python
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
python实现关键词提取的示例讲解
2018/04/28 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
CSS3绘制超炫的上下起伏波动进度加载动画
2016/04/21 HTML / CSS
皇马官方商城:Real Madrid Store
2016/09/02 全球购物
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
外企测试工程师面试题
2015/02/01 面试题
银行会计财务工作个人的自我评价
2013/10/29 职场文书
信息部岗位职责
2013/11/12 职场文书
美德少年事迹材料
2014/01/23 职场文书
《值日生》教学反思
2014/02/17 职场文书
2014最新房贷收入证明范本
2014/09/12 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
维稳承诺书
2015/01/20 职场文书
党支部审查意见
2015/06/02 职场文书
投诉信范文
2015/07/02 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书