Js基础之对象

星星该睡觉啦

于 2024-09-14 13:59:24 发布

阅读量341

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/TwTei/article/details/142256788

版权

对象是一种无序的数据集合，可以详细描述一个事物

1.对象声明语法

let 对象名 = {}
例如:
//声明了一个person的对象
let person ={}

2.对象的使用

let 对象名 ={
属性名:属性值，
方法名:函数
}

let obj = {
    uname:'pink老师',
    age: 18,
    gender:'女
}
console.log(obj)//打印

//1.使用属性，查: 对象名.属性名
console.log(obj.gender)

//2.改: 对象名.属性=新值
obj.gender='男'

//3.增: 对象名.属性=新值
obj.hobby ='足球'

//4.删: delete 对象名.属性
delete obj.age

题：

1.请将商品名称里面的值修改为:小米10 PLUS

2.新增一个属性颜色 color 为'粉色'

3.请依次页面打印输出所有的属性值

//1.声明
let obj ={
name:'小米10青春版',
num::'100012816024',
weight:'0.55kg',
address:'中国大陆'
  }

obj.name ='小米10 PLUS'
obj.color='粉色'
console.log(obj.name)
console.log(obj.num)
console.log(obj.weight)
console.log(obj.address)
console.log(obj.color)

查的另一种写法

//(1)对象名.属性名 
console.log(obj.num)
//(2)对象名['属性名']
console.log(obj['age'])

3.对象的方法

let obj ={
uname:'刘德华'
    // 方法
song（方法名）:function(){
    coúsole.log('冰雨')
   }
dance:function(){
    
}
}
//方法调用 对象名.方法名
obj.song()

4.遍历对象

let obj = {
    uname: 'andy',
    age: 18,
    sex:'男'
for(let k in obj){
    console.log(k)// 打印属性名 但是是字符串
    console.log(obj[k])// 打印属性值
}
注意：for in不推荐遍历数组

题：

let students =[
{name:'小明',age:18,gender:'男'，hometown:'河北省'}，
{name:'小红'，age:19,gender:'女'，hometown:'河南省'}，
{name:'小刚',age:17,gender:'男',hometown:'山西省'}，{name:'小丽',age:18,gender:'女'，hometown:'山东省'}
]
for(let i=0;i<students.length; i++){
    //console.log(i) // 下标索引号
    // console.log(students[i])// 每个对象
    console.log(students[i].name)
}