本文介绍了JavaScript中的对象使用，包括声明语法、属性和方法，以及如何进行对象的操作，如查询、修改、增加和删除属性。此外，还讲解了遍历对象的方法，数组对象的处理，以及内置对象的使用，特别是Math对象和自定义获取随机数的函数。内容详实，适合初学者掌握JavaScript对象基础和实用技巧。
目录
5.2一个取随机数的函数getRandom(min,max)
1.对象使用
// 对象是什么?
// js中的一种数据类型,对象有属性和方法
// 无序的数据集合
1.1.声明语法
字面量声明法
// let 对象名 = {}
// {}是对象字面量new object 声明法
let per = new Object();
1. 2.对象有属性和方法
属性:
属性都是成 对出现的，包括属性名和值，属性名和值之间使用英文 : 分隔多个属性之间使用英文 , 分隔
const goods = {
name: '小米10青春版',
num: '12083790290',
weight: '0.55kg',
address: '中国大陆'
}方法:
// 方法名:function(){}
方法之间用逗号分开
对象的方法 本质是函数
const person = {
uname: 'ikun',
age: 18,
gender: '男',
// 方法名:function(){}
sing: function (x) {
console.log(x + ':鸡你太美~~~baby~~~');
},
dance: function (name) {
console.log(name + '跳舞');
}
}2.操作对象
2.1查
查询属性:对象名.属性名
console.log(goods.address);
console.log(goods['name'])调用方法:
// 调用方法 对象.方法名()
person.sing('蔡徐坤')
person.dance(person.uname)2.2改 对象.属性=新值
// 改 对象.属性=新值
obj.age = 26
console.log(obj.age);2.3增 对象名.新属性名 = 新值
// 增 对象名.新属性名 = 新值
obj.gender = '男'
console.log(obj.gender);
obj.sing = function () {
console.log('唱歌');
}
console.log(obj);2.4删 delete 对象名.属性名
// 删 delete 对象名.属性名
delete obj.age
console.log(obj);3.遍历对象(for in)
用新增的for (let k in 对象名 ){}来遍历对象
for in语法中的 k 是一个变量, 在循环的过程中依次代表对象的属性名🏆 由于 k 是变量, 所以必须使用 [ ] 语法解析🏆 一定记住： k 是获得对象的 属性名 ， 对象名[k] 是获得 属性值
// for in 遍历函数
let obj = {
uname: '小明',
age: '19',
gender: '女'
}
// for (let k in 对象名 ){}
//🏆 k是对象中的属性名
for (let k in obj) {
// console.log(k);//k是属性名
console.log(obj[k]); //属性值
}
// k ==='name' === 'age' === 'sex'4.数组对象
// 数组中可以放任何数组 可以放{} 放对象
let students = [
{ name: '小明', age: 18, gender: '男', hometown: '河北省' },
{ name: '小红', age: 19, gender: '女', hometown: '河南省' },
{ name: '小刚', age: 17, gender: '男', hometown: '山西省' },
{ name: '小丽', age: 18, gender: '女', hometown: '山东省' }
]
// 得到小明的名字 访问数组元素 再对象名.属性名
console.log(students[0].name);
// 遍历数组
for (let i = 0; i < students.length; i++) {
for (let k in students[i]) {
console.log(students[i][k])
}
document.write(`<br>`)
}5.内置对象
// 内置对象JavaScript内部提供的对象，包含各种属性和方法给开发者调用
5.1数学内置对象
Math.PI 圆周率
Math.ceil（）向上取整
Math.floor（）向下取整
Math.max（）求最大数
Math.min（）求最小数
Math.pow（x，y）幂运算
Math.random()随机数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// Math 对象 M大写
console.log(Math.PI);//圆周率
console.log(Math.random());//随机数 函数 随机点名
// 返回的0到1之间的小数（包含0不包含1）
// ceil：向上取整
console.log(Math.ceil(21233.3));
// floor：向下取整
console.log(Math.floor(-2.3));
// max：找最大数
console.log(Math.max(2.3, 5, 20, 3));
// min：找最小数
console.log(Math.min(2, 3, 9));
// 幂运算
console.log(Math.pow(2, 10));
// round 就近取整,往大取整
console.log(Math.round(2.5));
console.log(Math.round(2.3));
console.log(Math.round(-2.5));
// 生成任意范围随机数
// 生成N-M之间的随机数
// Math.floor(Math.random() * (M - N + 1)) + N
// 生成1`10
let x = Math.floor(Math.random() * (10 - 1 + 1)) + 1
console.log(x);
// 封装一个取随机数的函数
function getRandom(min,max) {
return Math.floor(Math.random() * (max - min + 1)) + min
}
let t = getRandom(6, 100000)
document.write(t)
</script>
</body>
</html>5.2一个取随机数的函数getRandom(min,max)
// 封装一个取随机数的函数
function getRandom(min,max) {
return Math.floor(Math.random() * (max - min + 1)) + min
}
1224
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
