对象
对象是 JavaScript 数据类型的一种,之前已经学习了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。
/*
声明了一个叫get的对象
第一种
let get = {}
第二种 了解即可
let get = new abject
对象语法
*/
/*
let get ={
属性名:属性值,
方法名:函数
}
属性都是成对出现,包括属性明和值,他们之间使用英文:分隔
多个属性用英文,隔开
属性就是依附在对象的变量
属性名可以使用''和'''',一般情况省略,除非名称遇到特殊符号,如空格中横线
*/
let obj = {
uname: '万叶',
age: 19,
gender: '男'
}
console.log(obj);
console.log(typeof (obj));
方法和调用
数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。
- 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
- 多个属性之间使用英文
,分隔 - 方法是依附在对象中的函数
- 方法名可以使用
""或'',一般情况下省略,除非名称遇到特殊符号如空格、中横线等
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript 基础 - 对象方法</title>
</head>
<body>
<script>
// 方法是依附在对象上的函数
let person = {
name: '小红',
age: 18,
// 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
singing: function () {
console.log('两只老虎,两只老虎,跑的快,跑的快...')
},
run: function () {
console.log('我跑的非常快...')
}
}
</script>
</body>
</html>
方法和调用
数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。
let obj = {
uname: '刘德华',
// 方法
song: function (x, y) { //形参
// console.log('冰雨');
console.log(x + y);
}
}
// 方法调用 对象名.方法名
obj.song(1, 2) //实参
0. 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
0. 多个属性之间使用英文 , 分隔
0. 方法是依附在对象中的函数
0. 方法名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等
null
null 也是 JavaScript 中数据类型的一种,通常只用它来表示不存在的对象。使用 typeof 检测类型它的类型时,结果为 object。
遍历对象
对象和数组一样,之不过数组是有顺序的,对象是无序的所以对象无法用数组下标一样取选中对象元素
/* for遍历对象的原因
对象不想数组一样有明确的长度
对象里面没有顺序和规律 */
// for in不推荐遍历数组
// let arr = [1, 2, , 6, 5, 5, 65, 5, 6]
// for (const k in arr) {
// console.log(k); //数组的下标,但是是字符串'0'
// console.log(arr[k]); //arr[k]
// }
// 遍历数组for in
let goods = {
goods: '小米(MI)',
uname: '小米小米10青春版',
num: '100012816024',
weight: '0.55KG',
address: '中国大陆'
}
for (const k in goods) {
console.log(k) //属性名 'goods'
//k='goods' k等于带了字符串的goods
console.log(goods[k]) //属性值 goods[k]
}
注意:数组可以用for和for in遍历,但是推荐使用for,而for in用来遍历对象,for遍历对象的原因 对象不想数组一样有明确的长度,对象里面没有顺序和规律
内置对象
就是JavaScript内部帮我们包装好的对象
Math 是 JavaScript 中内置的对象,称为数学对象,这个对象下即包含了属性,也包含了许多的方法。
// 属性 圆周率
console.log(Math.PI);
// 方法 ceil向上取整
console.log(Math.ceil(1.1)); //2
// floor 向下取整
console.log(Math.floor(1.9)); //1
// round 四舍五入
console.log(Math.round(1.1)); //1
console.log(Math.round(1.9)); //2
// 如果是负数,取绝对值最大的数
console.log(Math.round(-1.5)); //-1
// MAX最大值
console.log(Math.max(1, 5, 8, 9, 6, 3, 2, 4, 7, 8, 5));
//MIN最小值
console.log(Math.min(1, 5, 8, 9, 6, 3, 2, 4, 7, 8, 5));
// abs绝对值 就是取这个数的反值
console.log(Math.abs(-1.5)); //-1.5
// null 类似 let obj={}
// Pow幂
console.log(Math.pow(4, 2)) //4的二次方
//null空对象