详谈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 相关文章推荐
GreyBox技术总结(转)
Nov 23 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
Jul 15 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
Jan 12 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
Dec 08 Javascript
vue webpack实用技巧总结
Apr 24 Javascript
JavaScript中常用的简洁高级技巧总结
Mar 10 Javascript
详解基于React.js和Node.js的SSR实现方案
Mar 21 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
Node.js API详解之 tty功能与用法实例分析
Apr 27 Javascript
Bootstrap FileInput实现图片上传功能
Jan 28 Javascript
如何用JavaScript检测当前浏览器是无头浏览器
Apr 27 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判断变量是否为0的方法
2014/02/08 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
php桥接模式应用案例分析
2019/10/23 PHP
javascript之可拖动的iframe效果代码
2008/08/01 Javascript
jquery 页面全选框实践代码
2010/04/02 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
jquery 清空file域示例(兼容个浏览器)
2013/10/11 Javascript
js调试工具console.log()方法查看js代码的执行情况
2014/08/08 Javascript
快速掌握Node.js模块封装及使用
2016/03/21 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
JS动态添加选项案例分析
2016/10/17 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
JS实现十字坐标跟随鼠标效果
2017/12/25 Javascript
Nodejs异步回调之异常处理实例分析
2018/06/22 NodeJs
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
2019/04/01 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
[01:11]回顾历届DOTA2国际邀请赛中国区预选赛
2017/06/26 DOTA
Python进行数据提取的方法总结
2016/08/22 Python
手把手教你用python抢票回家过年(代码简单)
2018/01/21 Python
django 发送手机验证码的示例代码
2018/04/25 Python
python logging重复记录日志问题的解决方法
2018/07/12 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
css3实现元素环绕中心点布局的方法示例
2019/01/15 HTML / CSS
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
自我评价个人范文
2013/12/16 职场文书
小学教师事迹材料
2014/01/13 职场文书
书法比赛获奖感言
2014/02/10 职场文书
党员学习正风肃纪思想汇报
2014/09/12 职场文书
运动会加油稿20字
2014/11/15 职场文书
员工辞职信范文大全
2015/05/12 职场文书
2016年度先进班组事迹材料
2016/03/01 职场文书
CSS3实现模糊背景的三种效果示例
2021/03/30 HTML / CSS
分位数回归模型quantile regeression应用详解及示例教程
2021/11/02 Python