详解js访问对象的属性和方法

我很乐意为您提供关于“详解js访问对象的属性和方法”的完整攻略。

什么是对象

在JavaScript中，对象是对于某些实体的数据表示。 例如，一个人是一个对象，它可能会有一个名字，年龄和地址。 一本书也可以是一个对象，它会有一个书名，作者和 ISBN 号。 我们可以使用对象的属性和方法访问和操作这些数据。

如何访问对象的属性

如果你有一个 JavaScript 对象，你可以通过点号（.）来访问该对象的属性。如下所示：

var person = {
    name: "张三",
    age: 20
};

console.log(person.name); // 张三
console.log(person.age); // 20

在上面的示例中，我们定义了一个名为person的对象，它有两个属性name和age。通过在对象后面添加.和属性名称来访问属性值。

我们还可以使用方括号来访问对象属性。如下所示：

console.log(person['name']); // 张三
console.log(person['age']); // 20

不同于点号访问，方括号允许变量作为属性名称。例如：

var propName = 'name';
console.log(person[propName]); // 张三

如何访问对象的方法

与对象的属性相似，我们也可以使用点号或者方括号(使用字符串作为方法名)来访问对象的方法。如下所示：

var calculator = {
    add: function(a, b) {
        return a + b;
    }
};

console.log(calculator.add(2, 3)); // 5

在上面的示例中，我们定义了一个名为calculator的对象，并给它的属性add赋一个返回两个参数的和的函数。我们可以通过调用calculator.add()来访问此方法。

我们还可以将方法作为字符串存储在变量中，然后使用方括号来访问对象属性。例如：

var method = 'add';
console.log(calculator[method](2, 3)); // 5

案例分析

下面是一个更具体的示例，我们定义了一个表示订单信息的对象，并展示了如何使用对象属性和方法访问和处理它的数据。

var order = {
    orderId: '1001',
    items: ['商品1', '商品2', '商品3'],
    customer: {
        name: '王五',
        address: '深圳市福田区'
    },
    getTotal: function() {
        var total = 0;
        for (var i = 0; i < this.items.length; i++) {
            // 此处假设每个商品的价格为10元
            total += 10;
        }
        return total;
    }
};

console.log('订单号: ' + order.orderId);
console.log('顾客名称: ' + order.customer.name);
console.log('商品数量: ' + order.items.length);
console.log('总金额: ' + order.getTotal() + '元');

在上面的示例中，我们定义了一个order对象，它具有订单号、商品列表、顾客信息和获取总金额的方法。我们可以使用属性和方法访问其数据。

总结一下，JavaScript中的对象是对于某些实体的数据表示。 通过点号或者方括号来访问对象的属性和方法。我们可以使用属性和方法来访问和操作对象的数据。