08-JS中的对象

码路教育 6/29/2022

# 1 - 对象（Object）

# 1.1 创建方式

创建方式:

可以通过字面量的形式来创建一个字符串

var obj = {
    name: "wc",
    age: 18,
    code: function () {
        console.log("coding...");
    }
}
// .叫属性访问运算符   通过打点的形式就可以访问对象中的属性
// 通过[]的形式也可以访问   [键] 使用引号起来  如果不包，name会当成变量
console.log(obj.name);
console.log(obj["name"]);

// 数组也是一个特殊的对象，键是从0开始的索引
var arr = ["wc","xq"];
console.log(arr[0]);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

数组和对象都是容器，容器就是集合，集合就意味着，里面可以放大量的数据。
对象中放的是属性，属性分属性名和属性值，也叫key-value,key是键的意思，value是值的意思
还可以通过new Object()来创建一个字符串

var obj2 = new Object();
obj2.name = "cc";
obj2.age = 22;
console.log(obj2);

1
2
3
4

# 2.2 操作对象中的属性

访问对象中的属性

<script>
    // 对象也是一个容器，说到容器，立马操作操作，说到操作，立即CRUD
    var obj = {
        name: "wc",
        age: 18,
        code: function () {
            console.log("coding...");
        }
    }
    // .叫属性访问运算符   通过打点的形式就可以访问对象中的属性
    // 通过[]的形式也可以访问   [键] 使用引号起来  如果不包，name会当成变量
    console.log(obj.name);
    console.log(obj["name"]);

    // 数组也是一个特殊的对象，键是从0开始的索引
    var arr = ["wc","xq"];
    console.log(arr[0]);
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

其它的操作

<script>
    var obj = {}; // 空对象
    // 添加属性
    obj.name = "wc";
    obj.age = 110;
    obj.run = function(){ console.log("run..."); }

    // 访问属性
    console.log(obj.name);
    console.log(obj.age);
    console.log(obj.run()); // run() 调用方法  在你的眼中一个值

    // 删除属性
    delete obj.age;  // delete是一个运算符 用来删除对象中的某个属性
    console.log(obj.age);  // 如果访问一个对象中不存在的属性，结果是und
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

使用方法二：通过str.charAt(pos)方法
它们的区别是索引的方式没有找到会返回undefined，而charAt没有找到会返回空字符串；

07-字符串 09-Math和Date