详谈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的内存泄漏
Mar 04 Javascript
js+html+css实现鼠标移动div实例
Jan 30 Javascript
drag-and-drop实现图片浏览器预览
Aug 06 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
Javascript 字符串模板的简单实现
Feb 13 Javascript
Vue实现选择城市功能
May 27 Javascript
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
Vue的Class与Style绑定的方法
Sep 01 Javascript
每个 JavaScript 工程师都应懂的33个概念
Oct 22 Javascript
Next.js实现react服务器端渲染的方法示例
Jan 06 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 Mysql类 可以参考学习熟悉下
2009/06/21 PHP
PHP 生成的XML以FLASH获取为乱码终极解决
2009/08/07 PHP
php中使用redis队列操作实例代码
2013/02/07 PHP
php创建基本身份认证站点的方法详解
2013/06/08 PHP
php生成图形验证码几种方法小结
2013/08/15 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
laravel 去掉index.php伪静态的操作方法
2019/10/12 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
JavaScript 格式字符串的应用
2010/03/29 Javascript
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
2010/05/04 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
jQuery实现下拉菜单的实例代码
2017/06/19 jQuery
原生JS实现的雪花飘落动画效果
2018/05/03 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
NodeJs项目中关闭ESLint的方法
2018/08/09 NodeJs
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
2019/02/10 Javascript
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
通过实例解析JavaScript常用排序算法
2020/09/02 Javascript
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
python版微信跳一跳游戏辅助
2018/01/11 Python
Python用for循环实现九九乘法表
2018/05/31 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
用 Python 制作地球仪的方法
2020/04/24 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
在校学生职业规划范文
2014/01/08 职场文书
母亲节感恩活动记录
2014/03/16 职场文书
幼儿园大班开学寄语
2014/08/02 职场文书
寻找最美乡村教师观后感
2015/06/18 职场文书
2015国庆66周年宣传语
2015/07/14 职场文书
Python使用OpenCV和K-Means聚类对毕业照进行图像分割
2021/06/11 Python
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技