JavaScript对象详解：属性添加、修改与Object内置方法
本文详解JavaScript中对象的创建与属性操作。涵盖对象定义、键值对语法、嵌套对象访问，以及通过点运算符和方括号添加、修改属性。深入讲解Object.keys查看属性、delete删除属性及for-in遍历，并区分Object静态方法与实例方法的使用场景。
一，什么是对象？
英文名为object，中文译为对象。从英文语境理解，object指代实体物体，即便其不可见或不可触摸。中文里的“对象”常指代人际关系中的伴侣，但在计算机领域，对象是指存储在内存中的复杂数据集合，即数据与方法的封装，属于一种编程逻辑概念。
函数是对数据与代码的封装，若将函数及其外部数据进行进一步封装，则形成object，即对象。
二，创建一个对象
将函数与数据封装在一起即构成对象。在语法层面，封装体现为使用英文大括号{}将函数和变量包裹起来。使用key:value的形式，其中value可以是对象的值，也可以是对象的引用地址。
key的值可以不遵循标识符命名规范，但必须使用引号包裹，例如'12qw'=1。每个键值对之间需使用英文逗号分隔。
//创建一个obj对象
var obj1 = {
str1: 'woaini',
"10p": 10
};function f() {
console.log(1)
};
var obj1 = {
str1: 'woaini',
"10p": 10,
fun: f,
fun1: function() {
console.log(2)
}
};
obj1.fun();
obj1.fun1();若某个键的值是函数，则该键名称为对象的方法；若某个键的值是基本数据类型，则该键名称为对象的属性。
三，对象的嵌套
即对象的属性可以仍然是另一个对象。运算符.表示getattr的意思，即访问对象属性。
var obj1 = {
str1: 'woaini',
"10p": 10,
fun1: function() {
console.log(2)
},
obj_inn: obj2 = {
num: 1
}
};
console.log(obj1.obj_inn.num);四，对象的属性与修改
1，使用点.运算符
var obj1 = {
str1: 'woaini',
};
console.log(obj1.str1);2，使用[]符号
var obj1 = {
str1: 'woaini',
};
console.log(obj1['str1'])记住键需要加上引号。
3，修改属性
var obj1 = {
str1: 'woaini',
};
obj1.str1 = 666
console.log(obj1['str1'])五，给对象添加属性
var obj1 = {
};
obj1.name = 'xiaoming';
obj1['age'] = 10;
console.log(obj1.age, obj1.name);六，查看与删除对象的属性
1，使用Object.keys(obj)方法查看对象所有属性
var obj1 = {
str1: 'woaini',
};
obj1.str1 = 666
obj1.age = 18
console.log(Object.keys(obj1))
// [ 'str1', 'age' ]2，使用delete()方法删除对象属性
var obj1 = {
str1: 'woaini',
};
obj1.str1 = 666
obj1.age = 18
console.log(delete obj1.age)
// true删除一个对象里不存在的属性不仅不会报错而且还会返回true。当试图删除一个无法删除的属性时，则会返回false。删除对象属性：实际上是与相关的对象进行解绑。
3，使用增强版for循环遍历对象元素
var obj1 = {
str1: 'woaini',
};
obj1.str1 = 666
obj1.age = 18
for (var item in obj1) {
console.log(obj1[item])
}七，Object对象方法
这里讲解关于Object对象的一些知识，它类似于基类，是所有对象的老大。
1，Object对象的本身方法
Object本身就是一个对象，可以给他添加属性和方法。利用键值对形式给对象添加的方法叫做Object本身方法。只能使用Object.funcname()来执行。
Object.add = function() {
console.log(1)
}
Object.add()2，Object对象自己的实例方法
使用Object.prototype.name()形式添加的方法称为对象的实例方法。可以被任意对象使用。
function f() {
console.log(1)
};
Object.prototype.fun = f;
var obj = {}
obj.fun()八，函数与对象注意点
1，函数体里调用其他函数
可以再一个函数的函数体里面调用另一个函数，即函数名+()。
2，函数体行数不超过50行
每个函数的函数体不超过50行，如果超过的话最好拆分，使用函数搭积木实现功能。
总结
到此这篇关于JavaScript对象详解之对象属性添加的文章就介绍到这了,更多相关js对象属性添加内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗？let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解：基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13