商丘市建设优化师是一份怎样的工作
文章目录
- 1、对象的声明
- 2、对象的使用
- 3、对象中的方法
- 4、遍历对象
- 5、内置对象Math
1、对象的声明
- 一种数据类型，使用typeof查看类型，结果是object
- 可以详细的描述描述某个事物
声明语法：
// 多用花括号形式声明
// 比如声明一个person对象
let person = {}
JS对象 = 属性 + 方法（类似Java中，类 = 属性 + 方法）
- 属性就是依附在对象上的变量(对象外面的是变量，对象内的是属性)，是一对对无序的键值对
- 多个属性之间用逗号隔开
- 属性名可以使用双引号或者单引号，但一般省略不写，除非属性名有特殊字符，如
空格、中横线-
let product = {goods: '小米',uname: '小米su7',num: '100012816024',weight: '0.55kg',address: '中国大陆'
}
2、对象的使用
- 查：
对象名.属性 或者 对象['属性名'] - 改：
对象名.属性 = 新值 - 增：
对象名.新属性 = 新值 - 删：
delete 对象名.属性
<body><script>let product = {goods: '小米',uname: '小米su7',num: '100012816024',weight: '300kg',address: '中国大陆'}// 查console.log(product.uname)// 改product.uname = '小米su7-海洋蓝'console.log(product.uname)// 增product.consumer = '顾客1'console.log(product.consumer)// 删delete product.weightconsole.log(product)product</script>
</body>
改一下，对象属性名改成改中横线的，属性名加引号，但此时访问，中横线会被当成是减号，unmade当成一个变量，从而报错：uname is not defined
此时，可用另一种查询语法：对象[‘属性名’]
console.log(product['goods-uname'])
3、对象中的方法
表示对象的行为或者动作，在JS中：
- 方法是由方法名和函数两部分构成，它们之间使用 : 分隔
- 方法是依附在对象中的函数
- 方法名可以使用双引号或者单引号，但一般省略不写，除非属性名有特殊字符，如
空格、中横线-
在对象中声明方法以后，通过对象名.方法名来调用（之前的document.write(‘请输入密码’)）
<body><script>let person = {// 属性uname: '张三',// 方法calc: function (num1 = 0, num2 = 0) {console.log(num1 + num2)},// 第二个方法sing: function () {console.log('sing a song')}}// 方法调用person.calc(1, 3)</script>
</body>
4、遍历对象
直接用普通for循环的话，对象和数组不同，没有length属性，循环次数确定不了 ==> for in 循环
- for in语法主要用来遍历对象
- for in语法中的 k 是一个变量, 在循环的过程中依次代表对象的属性名
- k 是获得对象的属性名，
对象名[k]是获得属性值，且必须用[ ]的语法来解析，不能用对象名.属性名，因为k是属性名，是带有引号的，你用对象名.属性名，其实是person.'uname'，并不是person.uname，所以必然得到undefined
<body><script>let product = {goods: '小米',"goods-uname": '小米su7',num: '100012816024',weight: '300kg',address: '中国大陆'}// 遍历for (let key in product) {console.log(`${key}: ${product[key]}`)}</script>
</body>
5、内置对象Math
即JS内部提供的对象，包含各种属性和方法给开发者调用，如document.write()、console.log()，Math就是JS提供的一个数学对象，主要方法：
- random：生成0-1之间的随机数(包含0不包括1)
- ceil：向上取整
- floor：向下取整
- max：找最大数
- min：找最小数
- pow：幂运算
- abs：绝对值
<body><script>// 内置对象Math的属性// PIconsole.log(Math.PI) // 3.141592653589793// 内置对象Math的方法// 向上取整console.log(Math.ceil(1.1)) // 2// 向下取整console.log(Math.floor(1.1)) // 1// 四舍五入console.log(Math.round(1.5)) // 2// 最值console.log(Math.max(1, 2, 3, 4, 5)) //5console.log(Math.min(1, 2, 3, 4, 5)) //1// 绝对值console.log(Math.abs(-1)) // 1// 次幂console.log(Math.pow(2, 3)) // 2的3次方</script>
</body>
Math.random() 随机数函数， 返回一个0 - 1之间，并且包括0不包括1的随机小数 [0, 1)，左闭右开
// 生成0-10的随机整数
Math.floor(Math.random() * (10 + 1))
// 生成5-10的随机整数
Math.floor(Math.random() * (5 + 1)) + 5
生成N-M之间的随机数：Math.floor(Math.random() * (M - N + 1)) + N
<body><script>function getRandon(M, N) {return Math.floor(Math.random() * (M - N + 1)) + N}console.log(getRandon(3, 9))</script>
</body>
抽取数组中的随机一个元素：
<body><script>function getRandonElement(arr = []) {let random = Math.floor(Math.random() * arr.length)return arr[random]}console.log(getRandonElement([3, 9, 4, 6, 7]))</script>
</body>