JavaScript语法基础【三】

53 阅读1分钟

二.JavaScript的数据(续)

image.png

JavaScript对象

image.png

var obj = {hair:'稀疏'}

hair:属性名 键(key)

‘稀疏’:值(value) 内容

hair:’稀疏‘:一个键值对

对象:键值对的集合

对象的操作--对象内键值对的操作

增:向对象添加一个键值对

// 准备一个空对象
var obj = {}
// 输出
console.log(obj);
// 增加一个键值对
// 语法一
obj.name='小灰狼'
// 语法二
obj['age']=18
// 再次输出
console.log(obj);

输出结果

image.png

删:删除对象内的一个键值对

// 准备一个空对象
var obj = {}
// 增加一些成员
obj.name='小灰狼'
obj['age']=18
obj.gender='男'
// 输出
console.log(obj);
// 删除一个键值对
// 语法一
delete obj.name;
// 语法二
delete obj['age'];
// 再次输出
console.log(obj);

输出结果

在这里插入图片描述

改:修改对象内的一个键值对中的值

// 准备一个空对象
var obj = {}
// 增加一些成员
obj.name='小灰狼'
obj['age']=18
obj.gender='男'
// 输出
console.log(obj);
// 修改一个键值对的值
// 语法一
obj.name='小红帽'
// 语法二
obj['age']=20;
// 再次输出
console.log(obj);

输出结果

image.png

查:访问对象内的一个键值对中的值

// 准备一个空对象
var obj = {}
// 增加一些成员
obj.name='小灰狼'
obj['age']=18
obj.gender='男'
// 输出
console.log(obj);

// 语法一
console.log(obj.name)
// 语法二
console.log(obj['age'])

输出结果

image.png