对象类字典结构使用
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>对象类字典结构使用</title>
</head>
<body>
</body>
<script type="text/javascript">
// 为什么要学对象?
// js获取页面元素,操作页面元素内容与样式
// 数据,面向对象思想让操作数据更加便捷与容易
// js中没有字典(键值对存储数据的方式),但可以通过对象实现字典方式存储数据,并使用数据
var dict = {
key1: "value1",
key2: 18,
"my-key3": [1, 2, 3, 4, 5]
}
// 总结:
// 1.key全为字符串形式,但存在两种书写方式
// 2.key在js标识符语法支持情况下,可以省略引号,但key为js标识符不支持的语法情况下,必须添加引号
// 3.value可以为任意类型
// 4.访问值可以通过字典名(对象名).key语法与["key"]语法来访问value
// 5.可以随意添加key与value完成增删改查
// 增
dict.key4 = true;
console.log(dict);
// 删
delete dict.key4;
console.log(dict);
// 改
dict["my-key3"] = [5, 4, 3, 2, 1];
console.log(dict);
// 查
console.log(dict.key1);
console.log(dict["key1"]);
</script>
</html>
