好程序员web前端培训分享javascript关联数组用法总结

简介: 好程序员web前端培训分享javascript关联数组用法总结,有需要的朋友可以参考下。Hash关联数组定义代码如下// 定义空数组myhash = { }// 直接定义数组myhash = {"key1":"val1","key2":"val2" }// 用Array 定义数组myhash =...

好程序员web前端培训分享javascript关联数组用法总结,有需要的朋友可以参考下。

Hash关联数组定义
代码如下
// 定义空数组
myhash = { }
// 直接定义数组
myhash = {"key1":"val1","key2":"val2" }
// 用Array 定义数组
myhash = new Array();
myhash["key1"] = "val1";
myhash["key2"] = "val2";

向Hash关联数组添加键值
代码如下
// 添加一个新键 newkey ,键值为 newval
myhash[”newkey”] = “newval”;

删除Hash关联数组已有键值
代码如下
// 删除一个键 newkey ,同时,该键值对应的 newval 也就消失了。
delete myhash[”newkey”];

遍历Hash关联数组
代码如下 复制代码
// 遍历整个hash 数组
for (key in myhash) {
val = myhash[key];
}

Hash关联数组简易使用示例
代码如下

例如:
//这里主要是说明 对于关联数组的遍历,首先定义一个数组:
代码如下
var arr = new Array();
//随便创建关联数组的数据如下:
arr["name"] = "mary";
arr["age"] = "3";
arr["sex"] = "man";
//利用 for 循环遍历如下:
for( var keyin arr)
{
// 则上面 key 变量所取的值为 "name" 或 "age" 或 "sex",
//而不是数组的值
// 下面的 value 才是取到对应的值
var value = arr[key];
}

JS中对象的属性可以通过括号”[ ]”或者“.”来访问,例如上面的 a[“a”]和a.a是等效的。
例子
下面的代码创建并初始化一个包含三个元素的关联数组(注意格式):
代码如下
var MyArray = {"a" : "Athens", "b" : "Belgrade", "c" : "Cairo" };

在该数组中,可以使用字符串(“a”、 “b” 或 “c”) 来对元素寻址,而不是用数组元素的编号 (0、1 或 2)寻址。
这样就可以以更直观的寻址方案来创建和使用数组。同样可以使用上面显示的 for…in 语句代码来遍历该数组。
for (key in myArray)
document.write(“Element value is ” + MyArray[key] + “
);

举例:


相关文章
|
5天前
|
资源调度 前端开发 JavaScript
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第10天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤,包括安装依赖、创建混淆脚本、修改 `package.json` 脚本命令、构建项目并执行混淆,以及在 HTML 文件中引用混淆后的文件。通过这些步骤,可以有效提高代码的安全性。
|
13天前
|
设计模式 前端开发 JavaScript
揭秘!前端大牛们如何巧妙利用JavaScript,打造智能交互体验!
【10月更文挑战第30天】前端开发领域充满了无限可能与创意,JavaScript作为核心语言,凭借强大的功能和灵活性,成为打造智能交互体验的重要工具。本文介绍前端大牛如何利用JavaScript实现平滑滚动、复杂动画、实时数据更新和智能表单验证等效果,展示了JavaScript的多样性和强大能力。
30 4
|
8天前
|
前端开发 JavaScript 安全
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第7天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤。包括项目准备、安装 `javascript-obfuscator`、配置 Vite 构建以应用混淆,以及最终构建项目进行混淆。通过这些步骤,可以有效提升前端代码的安全性,防止被他人轻易分析和盗用。
|
30天前
|
JavaScript 前端开发
JS try catch用法:异常处理
【10月更文挑战第12天】try/catch` 是 JavaScript 中非常重要的一个特性,它可以帮助我们更好地处理程序中的异常情况,提高程序的可靠性和稳定性。
16 1
|
1月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
23 2
|
1月前
|
JavaScript 前端开发
js的math.max的用法
js的math.max的用法
34 6
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
20 3
|
1月前
|
JavaScript
JS中的splice的三种用法(删除,替换,插入)
JS中的splice的三种用法(删除,替换,插入)
171 4
|
1月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
35 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
31 1

热门文章

最新文章