详谈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 相关文章推荐
不要在cookie中使用特殊字符的原因分析
Jul 13 Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
使用jQuery时Form表单元素ID和name命名大忌
Mar 06 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
May 18 Javascript
JavaScript中Cookies的相关使用教程
Jun 04 Javascript
jQuery日程管理插件fullcalendar使用详解
Jan 07 Javascript
基于zepto.js实现登录界面
Oct 09 Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
Vue使用Clipboard.JS在h5页面中复制内容实例详解
Sep 03 Javascript
微信小程序实现pdf、word等格式文件上传的方法
Sep 10 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
JS数组方法push()、pop()用法实例分析
Jan 18 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 Undefined index和Undefined variable的解决方法
2008/03/27 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
javascript document.referrer 用法
2009/04/30 Javascript
最简单的jQuery程序 入门者学习
2009/07/09 Javascript
JS控制伪元素的方法汇总
2016/04/06 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
JavaScript常见的五种数组去重的方式
2016/12/15 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
2017/05/02 Javascript
浅谈vue.js中v-for循环渲染
2017/07/26 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
深入浅析Vue.js中 computed和methods不同机制
2018/03/22 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
JS实现数组深拷贝的方法分析
2019/03/06 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
详解关于Vue单元测试的几个坑
2020/04/26 Javascript
vue中路由跳转不计入history的操作
2020/09/21 Javascript
Python登录并获取CSDN博客所有文章列表代码实例
2017/12/28 Python
Python实现Kmeans聚类算法
2020/06/10 Python
深入理解python中sort()与sorted()的区别
2018/08/29 Python
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
对Python 字典元素进行删除的方法
2020/07/31 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
简单的HTML5初步入门教程
2015/09/29 HTML / CSS
Blank NYC官网:夹克、牛仔裤等
2020/12/16 全球购物
LACOSTE波兰官网:Polo衫、服装和鞋类
2020/09/29 全球购物
公司离职证明范本(汇总)
2014/09/10 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
老乡会致辞
2015/07/28 职场文书
2020年元旦祝福语录,总有适合你的
2019/12/31 职场文书
为什么MySQL分页用limit会越来越慢
2021/07/25 MySQL
2022年四月新番
2022/03/15 日漫