`
zccst
  • 浏览: 3319541 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS对象与关联数组初步

阅读更多
作者:zccst

js对象与数组的区别:

数组,是下标从0到n。
对象,是key-value。
//如果如下形式:(在$.POST提交时会出错)
var a = [];
a['prop1'] = v1;
a['prop12'] = v2;

//应该改写为:
var a = {};
a['prop1'] = v1;
a['prop12'] = v2;

原因:如果是对象,则js不会添加任何原生函数,但如果是数组则会添加原生函数。






其实,js的关联数组本周就是js简单的对象。

一,对象形式
对象形式,也叫关联数组。
var parts_type_array = {"cpu":"CPU", "memory":"内存", "disk":"硬盘", "flash":"FLASH", "networkcard":"网卡", "diskback":"硬盘背板", "motherboard":"主板", "arraycard":"阵列卡", "directcard":"直连卡", "fans":"风扇", "power":"电源"};
	for(key in parts_type_array){
		alert(key+'-------'+parts_type_array[key]);
	}

var parts_type_array2 = {"CPU":"cpu", "内存":"memory", "硬盘":"disk", "FLASH":"flash", "网卡":"networkcard", "硬盘背板":"diskback", "主板":"motherboard", "阵列卡":"arraycard", "直连卡":"directcard", "风扇":"fans", "电源":"power"};
	for(key in parts_type_array2){
		alert(key+'-------'+parts_type_array2[key]);
	}


二、数组形式
var array2 = new Array();
array2["A"] = "a";
array2["B"] = "b";
array2["C"] = "c";
for (key in array2) {   // 在输出正确数组前,会先输出许多函数信息
         alert(key + '=====' + array2[key]);
}

你的array2["A"]="a";
其实就是array2.A="a";
因为在数组的方括号里面只能填数字
所以你的赋值只是给你的array2添加了3个属性
分别是
array2.A="a"
array2.B="b"
array2.C="c"
而且你的循环都是用in来循环的
in的循环回输出这个对象的所有自定义属性
如果你用for(var i =0 ;i <array2.length;i++)的话
你什么都不会得到


三、使用对象循环取值
var name = "QQ";
	var d = {};
	d["d_0"] = "qq";
	d["d_1"] = "QQ";
	for (var j = 0; j < 2; j++){
		if(name == d["d_"+j]){
			alert("匹配成功");
		}
	}

不建议使用:
var name = "QQ";
	var name_0 = "qq";
	var name_1 = "QQ";
	for (var j = 0; j < 2; j++){
		if(eval("name == name_"+j)){
			alert("匹配成功");
		}
	}
  • 大小: 22.9 KB
分享到:
评论

相关推荐

    PHP v4.0 时尚编程百例

    5. **数组操作**:PHP的数组功能强大,书中有大量实例展示如何创建、遍历、排序和查找数组,以及关联数组的使用。 6. **文件系统操作**:包括读写文件、目录操作、文件上传下载等,这些都是PHP Web开发中的常见任务...

    javascript制作坦克大战全纪录(1)

    `TankObject.js`定义了顶级对象`TankObject`,它包含了对象在地图上的位置信息(XPosition和YPosition)以及与DOM元素关联的UI属性。`UpdateUI`和`SetPosition`方法分别用于更新UI显示和设置对象在屏幕上的位置。`...

    js基础教程

    **对象(Objects)**:JavaScript中的对象是一种复杂的数据结构,由键值对组成。 ```javascript let person = { firstName: "John", lastName: "Doe", age: 30 }; ``` **数组(Arrays)**:数组用于存储多个值。...

    accp5.0 javascript指导学习一课后作业.rar

    "DLC1"通常代表“Delivery Learning Content”,即教学内容的交付部分,这意味着这部分作业可能与课程的初步教学内容紧密关联。而"S2_JavaScript_DLC1上机素材"则可能包含了完成作业所需的一些示例代码、练习文件或...

    思库教育PHP零基础培训+进阶课程+PHP项目开发实战 21G PHP零基础学习视频教程.txt

    │ │ │ ├[思库教育]JS 第8集 关联数组.avi │ │ │ └[思库教育]JS 第9集 二维数组.avi │ │ ├ │ │ │ ├[思库教育]JS 第14集 作业讲解.avi │ │ │ ├[思库教育]JS 第15集 作业讲解.avi │ │ │ ├[思库...

    PHP初级入门教程(比较齐全)

    数组.pdf** - 数组是存储多个值的数据结构,PHP提供了多种类型的数组(索引数组、关联数组、多维数组等)及其操作方法。 通过这个全面的初级教程,学习者可以掌握PHP的基础知识,包括数据类型、流程控制、函数、...

    PHP与Dreamweaver基础教程

    5. **数组操作**:PHP中的数组可以是关联数组或索引数组,常用的操作有`count()`计数,`foreach`遍历,`array_push()`添加元素等。 6. **文件操作**:PHP可以读写文件,例如`fopen()`打开文件,`fwrite()`写入文件...

    HTML5+PHP 实现 保存文件夹相对路径 递归上传 在线浏览 - 可视化和机器学习 - CSDN博客1

    2. **存储逻辑**:可以使用关联数组或自定义类来表示目录树结构。每个节点包含文件名、子目录列表和文件信息。通过递归遍历路径,将每个文件或子目录添加到相应的位置。 3. **数据库存储**:将构建好的目录结构存储...

    UFO:使用Javascript表示法的数据分析项目

    这包括变量声明(let、const、var)、数据类型(如字符串、数字、对象、数组)、控制流程(if...else、for、while循环)、函数以及对象和数组操作等。理解这些基础知识是进行任何JavaScript编程的关键,包括数据分析...

    小猫杯 源代码 Angularjs

    这将根据`items`数组创建一个列表,每个列表项显示数组中对象的`name`属性。 **四、模块与控制器** AngularJS应用通常由一个或多个模块组成,模块定义了应用的边界和依赖。控制器是模块的一部分,负责处理用户交互...

    PrimerParcial_Programacion3:reupuperatorioparcial

    【描述】描述中的"PrimerParcial_Programacion3:reupuneratorioparcial"与标题相同,进一步强调这是一个关于编程第三部分的初步测试或复习资源,可能是为了帮助学生准备或者复习PHP编程的知识点。 【标签】"PHP"...

    2021-2022计算机二级等级考试试题及答案No.16774.docx

    - **客户端验证与服务器端验证**: ASP.NET 验证控件可以在客户端进行初步验证,在服务器端进行最终验证。 - **多个验证控件**: 可以在一个页面中使用多个验证控件,确保数据的有效性。 - **兼容性**: 不同的浏览器...

    jQuery入门

    不同于原生JavaScript中的NodeList或HTMLCollection,WrappedSet提供了更多类似于数组的功能,但又超越了传统的数组操作。例如: - 使用`$("img")[0]`可以访问页面中的第一个`&lt;img&gt;`元素; - `$("img").length`则...

    module1-solution

    例如,通过`ng-model`指令,可以将表单输入与模型数据关联起来,当用户输入发生变化时,模型也会实时更新。 2. **控制器(Controller)**:在AngularJS中,控制器是增加应用程序逻辑的地方,它与视图和模型交互。...

    alisoftassets

    以上只是基于给定信息的初步分析,具体"alisoftassets"的内容可能还包括更多的特定技术或工具,例如前端框架(如jQuery、Vue.js)、模板引擎、自动化构建工具(如Composer、Grunt、Gulp)、持续集成/持续部署(CI/CD...

    gsg-angularjs:AngularJS入门指南

    它们通过`ng-controller`指令与视图关联,可以访问并修改应用的模型。例如,`&lt;div ng-controller="MyCtrl"&gt;...&lt;/div&gt;`创建了一个名为`MyCtrl`的控制器。 ### 四、服务 服务是可重用的对象,负责执行特定任务,如...

    freemarker总结

    2、 hashes:充当其它对象的容器,每个都关联一个唯一的查询名字 具有一个唯一的查询名字和他包含的每个变量相关联。 3、 sequences:充当其它对象的容器,按次序访问 使用数字和他包含的每个变量相关联。索引值...

Global site tag (gtag.js) - Google Analytics