JavaScript对象

1.创建

var myDog = {// 只修改这一行下面的代码
"name":"汪汪",//字符串属性
legs:4,//数字
tails:1,
friends:["喵喵","哞哞","咩咩"]//数组
// 只修改这一行上面的代码
};

2.访问对象属性

和访问数组类似，访问对象属性有两种方式：点号表示法（.）和方括号表示法（[]）。
(1)使用点号访问

var testObj = {"hat": "ballcap","shirt": "jersey","shoes": "cleats"
};
var hatValue = testObj.hat;
var shirtValue = testObj.shirt;

(2)使用方括号访问
如果你想访问的属性名中包含空格，就必须使用方括号表示法来获取它的属性值。当然，如果属性名不包含空格，也可以使用方括号表示法。

var testObj = {"an entree": "hamburger","my side": "veggies","the drink": "water"
};
var entreeValue = testObj["an entree"];
var drinkValue = testObj["the drink"];

3.通过变量访问对象属性

var testObj = {12: "Namath",16: "Montana",19: "Unitas"
};
var playerNumber=16;
var player = testObj[playerNumber];

4.添加/删除对象的属性

（1）添加属性

var myDog = {"name": "Happy Coder","legs": 4,"tails": 1,"friends": ["freeCodeCamp Campers"]
};
myDog.bark="woof";

(2)删除属性

var myDog = {"name": "Happy Coder","legs": 4,"tails": 1,"friends": ["freeCodeCamp Campers"],"bark": "woof"
};
delete myDog.tails;

5.测试对象的属性

.hasOwnProperty() 找到该属性时返回 true，找不到该属性时返回 false。

function checkObj(obj, checkProp) {if(obj.hasOwnProperty(checkProp)){return obj[checkProp];}//有这个属性返回这个属性的值else {return "Not Found";}//没有这个属性，返回Not Found
}

复杂对象

JavaScript 对象是一种灵活的数据结构。它可以储存字符串（strings）、数字（numbers）、布尔值（booleans）、数组（arrays）、函数（functions）和对象（objects）以及这些值的任意组合。
数组中有多个 JSON 对象的时候，对象与对象之间要用逗号隔开。

var ourMusic = [{"artist": "Daft Punk","title": "Homework","release_year": 1997,//formats 数组"formats": [ "CD", "Cassette", "LP"],"gold": true}//大括号为一个对象，可以用一个逗号隔开另一个对象
];

1.嵌套对象

连续使用点号表示法和方括号表示法来访问对象的嵌套属性。

var ourStorage = {"desk": {"drawer": "stapler"},"cabinet": {"top drawer": { "folder1": "a file","folder2": "secrets"},"bottom drawer": "soda"}
};
ourStorage.cabinet["top drawer"].folder2;
ourStorage.desk.drawer;

2.嵌套数组

var ourPets = [{animalType: "cat",names: ["Meowzer","Fluffy","Kit-Cat"]},{animalType: "dog",names: ["Spot","Bowser","Frankie"]}
];
ourPets[0].names[1];//字符串 Fluffy
ourPets[1].names[0];//字符串 Spot

谢谢你的坚持阅读ovo哟，让我们一起加油吖

基础JavaScript_Day04相关推荐

java入门慕路径,Java入门基础知识总结学习教程大全【必看经典】
类型的表达式,是循环条件,表达式3是党执行了一遍循环之后,修改控制循环的变量值. ??? for语句的执行过程是这样的:首先计算表达式1,完成必要的初始化工作:然后判断表达式2的值,如果表达式的值为t ...
提交表单自动刷新_Web自动化测试：元素的基础操作和浏览器基础操作
上一节,我们了解了如何定位元素,其实也有涉及对于元素的操作,这一节我们就详细的介绍一下对于元素的操作和对于浏览器的一些操作一.对于元素的基础操作: clear():清除输入框内的文本 send_ke ...
java mybatis基础
java mybatis基础 1.1 什么是mybatis? mybatis是一个优秀的持久层框架. 避免几乎所有的JDBC代码和手动设置参数以及获取结果集的过程. 可以使用简单的xml或者注解来配置 ...
【J2SE】学习基础
Java基础语法基础 OO Exception Array 基础类 I/O Stream Collection/Generic Thread TCP/UDP GUI Meta Data Regula ...
【Linux系统】基础总结
我不太清楚运维部门具体是做什么的,就接触过一点点运维部门! 也就是是知道他们负责管理服务器,管理网络,管理项目部署偶尔自己需要部署,不得不接触一些linux命令.简单总结一些基础 linux系统发展 ...
【Java 2 Platform Enterprise Edition】基础
问题1:为什么java是无关平台? 你之前用C或者C++写的源代码,编译好后,换一种操作系统,可能就执行不了了.因为新的操作系统不识别,你需要修改你的源码,并在新的操作系统上重新编译才能运行,比如Wi ...
SpringCloud Alibaba微服务实战(一) - 基础环境搭建
说在前面 Spring Cloud Alibaba 致力于提供微服务开发的一站式解决方案.此项目包含开发分布式应用微服务的必需组件,方便开发者通过 Spring Cloud 编程模型轻松使用这些组件来 ...
Redis概述和基础
Redis 1.NoSQL NoSQL = Not Only SQL(不仅仅是SQL) 泛指非关系型数据库的,随着web2.0互联网的诞生!传统的关系型数据库很难对付web2.0时代!尤其是超大规模的 ...
pass基础架构分析
pass基础架构分析 Relay 和 TVM IR,包含一系列优化passes,可提高模型的性能指标,如平均推理,内存占用,或特定设备的功耗.有一套标准优化,及特定机器学习的优化,包括常量折叠,死代码 ...

基础JavaScript_Day04

创建 JavaScript 对象