`

理清js中数组与对象的区别-数据类型和Json格式

    博客分类:
  • js
 
阅读更多

Json的规格非常简单,只用一个页面几百个字就能说清楚,而且Douglas Crockford声称这个规格永远不必升级,因为该规定的都规定了。

1) 并列的数据之间用逗号(”, “)分隔。

2) 映射用冒号(”: “)表示。

3) 并列数据的集合(数组)用方括号(“[]“)表示。

4) 映射的集合(对象)用大括号(”{}”)表示。

上面四条规则,就是Json格式的所有内容。

比如,下面这句话:

“北京市的面积为16800平方公里,常住人口1600万人。上海市的面积为6400平方公里,常住人口1800万。”

写成json格式就是这样:

[
{"城市":"北京","面积":16800,"人口":1600},
{"城市":"上海","面积":6400,"人口":1800}
]

如果事先知道数据的结构,上面的写法还可以进一步简化:

[
["北京",16800,1600],
["上海",6400,1800]
]

由此可以看到,json非常易学易用。所以,在短短几年中,它就取代xml,成为了互联网上最受欢迎的数据交换格式。

我猜想,Douglas Crockford一定事先就知道,数据结构可以简化成三种形式,否则怎么可能将json定义得如此精炼呢!

3.

学习javascript的时候,我曾经一度搞不清楚”数组”(array)和”对象”(object)的根本区别在哪里,两者都可以用来表示数据的集合。

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

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

4.

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

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

比如在javascript中,可以这样定义一个对象:

var a={“城市”:”北京”,”面积”:16800,”人口”:1600};

但是,也可以定义成一个关联数组:

a["城市"]=”北京”;
a["面积"]=16800;
a["人口"]=1600;

这起初也加剧了我对数组和对象的混淆,后来才明白,在Javascript语言中,关联数组就是对象,对象就是关联数组。这一点与php语言完全不同,在php中,关联数组也是数组。

比如运行下面这段javascript:

var a=[1,2,3,4];

a['foo']=’Hello World’;

alert(a.length);

最后的结果是4,也就是说,数组a的元素个数是4个。

但是,运行同样内容的php代码就不一样了:

<?php

$a=array(1,2,3,4);

$a["foo"]=”Hello world”;

echo count($a);

?>

最后的结果是5,也就是说,数组a的元素个数是5个。

分享到:
评论

相关推荐

    JavaScript的数据类型问题

    JavaScript有两种主要的数据类型:基本数据类型和引用数据类型。 1. **基本数据类型**: - **Undefined**:当变量被声明但未赋值时,它的类型就是undefined。 - **Null**:一种特殊的值,表示一个空或者非存在的...

    JsonViewer

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传输数据。它基于JavaScript的一个子集,具有易于人阅读和编写,同时也易于机器解析和生成的特点。JSON格式通常由键值对...

    一张图理清说明tbox-mcu-座舱-智驾芯片间的连接方式,提供整体系统框图,便于理解汽车电子EE架构

    一张图理清说明tbox-mcu-座舱-智驾芯片间的连接方式,提供整体系统框图,便于理解汽车电子EE架构

    JAVA 实现《捕鱼达人》游戏-全部源码

    1、业务对象模型(“找对象”,理清对象之间的关系)----&gt;数据模型(用合理的数据模型描述对象)-----&gt;类的设计(根据对象关系和数据模型设计类)。 2、渔网的范围和鱼的范围重叠。——判断一个点是否在矩形范围之...

    一文理清 JavaScript 中对象的创建模式与继承模式

    一文理清 JavaScript 中对象的创建模式与继承模式 文章目录一文理清 JavaScript 中对象的创建模式与继承模式一、前言 :1. 写作目的2. 需要具备的知识点3. 阅前声明二、JavaScript 中对象的创建模式1. ( 单例模式 ) ...

    web前端js的学习资料

    3. **JSON**:JavaScript Object Notation,常用于数据交换格式,理解其结构和使用方法非常重要。 4. **前端框架和库**:如jQuery、React、Vue、Angular等,它们简化了DOM操作,提高了开发效率。 5. **浏览器兼容性*...

    如何理清数据结构和含义?

    数据探索是数据分析中的一个重要环节,其主要目的是为了更好地理解数据的特殊性质,以便于后续选择合适的数据预处理和数据分析技术。在数据探索的过程中,主要可以通过以下三个步骤进行: 首先,明确目的。这是数据...

    前端开源库-language-map

    而 **JSON** (JavaScript Object Notation) 是一种轻量级的数据交换格式,被广泛应用于Web服务和客户端之间的数据传输,因为它的结构与JavaScript对象相似,易于解析和生成。 在这个项目中,**language-map** 的...

    完整word版-c语言学习心得体会.doc

    1. 变量和数据类型:C语言中的基本数据类型包括整型、浮点型、字符型和枚举类型。变量的定义和使用是程序中处理数据的基础,理解它们的作用和用法至关重要。 2. 输入输出函数:C语言使用标准库中的`printf`和`scanf...

    Editplus自动格式化html,css,js的工具

    **EditPlus:强大的文本编辑器与代码格式化工具** EditPlus是一款备受程序员喜爱的文本编辑器,尤其在处理HTML、CSS和JavaScript等Web开发语言时,它的功能强大且易用。这款软件支持多种编程语言的语法高亮显示,...

    前端javascript入门学习思维导入

    2. **对象与原型链**:JavaScript中的对象是属性和方法的集合,理解原型和原型链对于深入理解对象的继承至关重要。 3. **函数与闭包**:函数是JavaScript中的第一类对象,可以作为参数传递,也可以作为返回值。闭包...

    UML面向对象建模与设计

    面向对象建模与设计利用UML工具来表达和组织复杂的系统结构和行为,使得开发者能够更清晰地理解和表述系统的需求、设计和实现。 **面向对象概念** 面向对象(Object-Oriented)是一种编程范式,它基于“对象”这一...

    嵌入式C C++语言精华.pdf

    - 在大型C/C++程序中,`struct`(结构体)是一种重要的数据组织方式,它允许程序员将不同类型的数据组合成一个单一单元,方便管理和传递。 - 结构体在嵌入式系统开发、网络编程等领域有着广泛的应用。正确使用...

    《物联网标识体系-对象分类规范》(国标草案1017).pdf

    - **原则和方法**:规定了对象分类的基本原则和操作方法,强调分类方案的结构、内容范围和对象与概念的关联。 - **概念模型**:分类方案是一个概念体系,通过结构化的概念关系定义了对象分类的框架,为理解对象...

    理清概念:数据、信息、知识和智慧之间的关系

    ### 理清概念:数据、信息、知识和智慧之间的关系 #### 一、引言 在当今数字化时代,我们每天都被大量的数据所包围。这些数据不仅仅是简单的数字或符号,而是构成了我们的工作环境、日常生活乃至整个社会的基础。...

    数据结构习题与解答

    数据结构是计算机科学的一个核心概念,它涉及如何在计算机中组织和存储数据,以便能够高效地访问和修改数据。良好的数据结构设计对于提高算法效率至关重要。常见的数据结构包括数组、链表、队列、栈、树(如二叉树)...

    javascript高级应用

    介绍和理清头绪,并介绍几个小技巧,重点介绍一种新的 if-then-else语句以及变量真正含义。 第2日: 神奇的字符串处理,保存访问过你的网站得读者的信息, 并介绍一种新的数组。 第3日: 甚至网页的时间线,使...

    考研专业课-数据结构-思维导图

    难和易都是相对的的,我们需要在备考的过程中打牢扎实的基本功、概念清楚、尽可能理清重点。同时,在做题的过程中学会审题、仔细揣摩出题者的意图,不会被表象迷惑。 该思维导图的参考教材为王道的数据结构。资源中...

    湖南工业大学c++复习题、往年试卷汇总.zip

    4. 面向对象编程:理解类和对象的概念,掌握构造函数、析构函数、成员函数的使用,以及继承和多态的实现。 5. 动态内存管理:了解new和delete操作,理解内存泄漏的概念和避免方法。 6. 异常处理:知道如何使用try、...

Global site tag (gtag.js) - Google Analytics