JS(第十课)JS中的对象(一)

简介: JS(第十课)JS中的对象(一)

本文内容核心:对象

 

在百度翻译中对象称为object

安装插件

 

第一部分去找找在JS中对象的语法是什么 如何去创建对象的,调用对象!

var name="李四";
var people={};
var obj=[]
var dog={
    // sex
}
var animal={
    age:23
}
// 对象
var teacher={
    name:"张珊"
}
console.log(teacher)
console.log(people)
console.log(obj)
console.log(dog)
console.log(animal.sex)
console.log(animal.age)

上面是对象的运行结果

通过上面的小Demo 我们发现了只有下面的自己声明的对象打印了

var animal={
    age:23
}
// 对象
var teacher={
    name:"张珊"
}

console.log(teacher)  //在这里控制台打印了我的内容

console.log(animal.age)   在这里控制台打印了我们的语法

接下来我们吧上面的类型打印一下

在上面的内容上去判断他们的类型

 

总结一:

创建对象的语法是 var 对象名={属性1:属性值1,属性2:属性值2,属性3:属性值3,属4:属性值4,属性5:属性值5,属性6:属性值6,...}

var obj2 = { "name": '张三',"age": '23',"sex": '男'}

对象的调用 对象名称.属性

console.log(obj2.name)

第二部分对象除了有属性应该还有行为在js中称之为方法,那对象的方法改如何调用:在下面的案例中去找找对象的方法时如何调用的呢!

var name = "shriop"
var age = 19
var height = 1.80
console.log("名字是" + name + "年龄" + age + "身高" + height);
// ! 对象的类型
var obj1 = new Object();
console.log(obj1);
// ! 对象的创建
var obj2 = {
    "name": '张三',
    "age": '23',
    "sex": '男',
    run: function () {
        console.log("我是对象创建的方法")
    },
    hand: {
        "count": ''
    },
    eat:function(){
        console.log("我的函数内容在吃什么呢")
    }
}

console.log(obj2.name)
console.log(obj2.hand)
console.log(obj2.run())
console.log(obj2.eat())

经过上面的代码演示是否理解呢!

总结二:

创建对象的方法的语法规则:
行为名称:function () { }
动作名称:function () { }
run: function () {
        console.log("我是对象创建的方法")
    }

第三部分如何对对象的属性进行增加 修改 删除呢!

// 修改
obj2["name"] = "李四"
// 修改
obj2.name = "赵武"
//增加
obj2["hand"] = "234"
// 删除
delete obj2.hand

总结三:对于对象的修改 删除 增加的 语法

// 修改方案一    对象名[属性名]=修改后的属性名
obj2["name"] = "李四"
// 修改方案二    对象名.属性名=修改后的属性名
obj2.name = "赵武"
//增加      对象名[对象的属性]=属性值
obj2["hand"] = "234"
// 删除  dellete 对象名.属性名
delete obj2.hand
相关文章
|
3天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
23 3
|
1天前
|
JSON JavaScript 前端开发
js将json字符串还原为json对象
【5月更文挑战第14天】js将json字符串还原为json对象
12 1
|
2天前
|
设计模式 存储 消息中间件
JavaScript观察者模式:实现对象间的事件通信!
JavaScript观察者模式:实现对象间的事件通信!
|
2天前
|
设计模式 JavaScript 前端开发
JavaScript原型模式:实现对象共享属性和方法!
JavaScript原型模式:实现对象共享属性和方法!
|
2天前
|
JavaScript 前端开发 开发者
深入理解JavaScript对象创建
深入理解JavaScript对象创建
|
3天前
|
JavaScript 前端开发
js用Date对象处理时间
以上就是JavaScript中Date对象处理时间的一些基本方法。
12 6
|
3天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
18 2
|
3天前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
9 2
|
3天前
|
存储 JavaScript 前端开发
JavaScript对象方法详解
JavaScript对象方法详解
17 1
|
3天前
|
JavaScript
js多维数组去重并使具有相同属性的对象数量相加
js多维数组去重并使具有相同属性的对象数量相加
12 1