首页 > 其他分享 >Js基础之对象

Js基础之对象

时间:2024-09-14 13:53:01浏览次数:14  
标签:obj log 对象 基础 Js let console 属性

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

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)
}

内置对象

介绍:Math对象是JavaScript提供的一个“数学”对象

作用:提供了一系列做数学运算的方法Math对象包含的方法有:

random:生成0-1之间的随机数(包含0不包括1)

ceil:向上取整

console.log(Math.ceil(1.1)) //2

floor:向下取整

console.log(Math.floor(1.9)) //1

max:找最大数

min:找最小数

pow:幂运算

abs:绝对值

round:四舍五入

标签:obj,log,对象,基础,Js,let,console,属性
From: https://blog.csdn.net/TwTei/article/details/142256788

相关文章

  • Js基础之运算符
    比较运算符对比:=单等是赋值==是判断===是全等(要求类型和值都相等)开发中判断是否相等,强烈推荐使用===//比较运算符有隐式转换把'2'转换为2双等号只判断console.log(2=='2')console.log(undefined==null)//===全等判断值和数据类型都一样才行//以后判......
  • C++——类与对象(三)
    目录引言类型转换1.类型转换2.explicit关键字static成员1.static静态成员变量2.static静态成员函数3.访问静态成员变量的方法3.1 静态成员变量为公有3.2静态成员变量为私有友元1.友元函数2.友元类内部类匿名对象对象拷贝时的编译器优化1.类型转换2.传值......
  • java毕业设计——基于java+ssh+jsp+MySqL的大学生就业信息管理系统设计与实现(毕业论文
    基于java+ssh+jsp+MySqL的大学生就业信息管理系统设计与实现(毕业论文+程序源码)大家好,今天给大家介绍基于java+ssh+jsp+MySqL的大学生就业信息管理系统设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦。需要下载开题报告PPT模板及论文答辩PPT模板等的小伙伴,可以进......
  • Linux基础入门 --10 DAY
    文本常见处理工具文件内容查看命令    cat    格式:cat[OPTION]...[FILE]...    常见选项:    -E:显示行结束符    -A:显示所有控制符    -n:对显示出的每一行进行编号    -b:对非空行进行编号    -s......
  • C# jsonconvert and binaryformater both in serialize and deserialize
    publicDelCmdExportAllCmd{get;set;}publicDelCmdExportAllBinaryFormatterCmd{get;set;}publicDelCmdDeserializeJsonFileCmd{get;set;}publicDelCmdDeserializeBinFileCmd{get;set;}privatevoidInitCmds(){ExportAllCmd=newDelC......
  • d3.js 构建股权架构图并绘制双向节点树
    效果:代码:StockStructureChart.jsimportReact,{useEffect,useRef}from"react"import*asd3from"d3"constStockStructureChart=({upwardData,downwardData})=>{constref=useRef()constwidth=800constheight=......
  • 083java jsp SSM Springboot体育球队比赛赛事报名系统小程序(源码+文档+运行视频+讲解
     项目技术:前端运行:微信开发者工具SSM+Maven+Vue等等组成,B/S模式+Maven管理等等。环境需要1.运行环境:最好是javajdk1.8,我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境:Tomcat7.x,8.x,9.x版本均可......
  • 084java jsp SSM Springboot大学生心理健康服务系统小程序(源码+文档+运行视频+讲解视
     项目技术:前端运行:微信开发者工具SSM+Maven+Vue等等组成,B/S模式+Maven管理等等。环境需要1.运行环境:最好是javajdk1.8,我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境:Tomcat7.x,8.x,9.x版本均可......
  • JST连接器:小型化电子连接的行业标准
    在现代电子设备中,连接器的选择对设备性能和可靠性具有重要影响。JST连接器作为全球广泛使用的一种连接器,以其小型化、高可靠性和多样化的产品系列,成为众多电子工程师的首选。本文将深入探讨JST连接器的类型及特点、应用领域及其在电子行业中的重要性。JST连接器的简介JST(JapanSold......
  • Flux【基础篇】:ComfyUI Flux.1工作流的本地部署安装教程
    前言ComfyUIFlux.1工作流不仅在技术层面上实现了突破,更在艺术创作领域开辟了新的天地。利用提示词创作出独特的AI艺术作品,艺术家可以展现更加个性化和创意的作品。让我们一起探索ComfyUIFlux.1工作流的本地部署安装教程,开启AI艺术创作的新篇章。今天我们来分享一下如何......