JavaScript系列------3

1. 逻辑中断

  • 短路:只存在于 && 和 || 中,当满足一定条件会让右边代码不执行。

|------|-------------|
| 符号 | 短路条件 |
| && | 左边为false就短路 |
| || | 左边为true就短路 |

  • 原因:通过左右能得到整个式子的结果,以此没必要再判断右边。
html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let age = 19
        console.log(false && age++)
        console.log(age)
    </script>
</body>
</html>

输出的age仍然为18,没有执行age++,因为不执行这一句,一假则假。

  • console.log( x || y ) 都是真,返回最后一个真值。

  • console.log( x && y ) 都是真,输出第一个真值。

2. 转换为Boolean型

显示转换:

(1)Boolean(内容)

记忆:''、0、undefined、null、false、NaN转换为布尔值后都是false,其余则为true

3. 对象是什么

对象(object):JavaScript里的一种数据类型。

可以理解为一种无序的数据集合,注意数组是有序的数据集合。

3.1 对象使用

  1. 对象声明语法
html 复制代码
let 对象名 = {}
html 复制代码
let 对象名 = new Object()
  1. 对象由属性和方法组成
html 复制代码
let 对象名 = {
    属性名: 属性值,
    方法名: 函数
}
  • "查"属性: 对象名.属性名
  • "改"属性:对象名.属性名 = 新值
  • "删"属性:delete(对象名.属性名)

3.2 对象中的方法

数据行为性的信息称为方法,一般是动词性的,其本质是函数。

html 复制代码
let person = {
    name: 'andy',
    sayHi: function() {
        docunment.write('hi~~')
    }
}
  • 方法是由方法名和函数两部分构成,它们之间使用**:**分割
  • 多个属性之间使用英文**,**分割
  • 方法是依附在对象中的函数
  • 方法名可以使用 "" 或 '' , 一般情况下省略,除非名称遇到特殊符号如空格、中横线等

3.3 遍历对象

(1)输出属性名:'uname' ;age'

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let pink = {
            uname: 'pink老师',
            age: 18,
            gender: '女',
            song: function() {
                console.log('冰雨')
            }
        }
        // console.log(pink);
        for (let key in pink) {
            console.log(key)
        }
    </script>
</body>
</html>

输出为:

(2)输出属性值

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let pink = {
            uname: 'pink老师',
            age: 18,
            gender: '女',
            song: function() {
                console.log('冰雨')
            }
        }
        // console.log(pink);
        for (let key in pink) {
            console.log(pink[key])
        }
    </script>
</body>
</html>

输出为:

一定记住:k 是获得对象的属性名对象名[k] 是获得属性值

3.4 内置对象:可以参考链接使用

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide

详细介绍一些内置对象 Math:

Math对象是JavaScript提供的一个**"数学"对象。**

Math对象包含的方法有:

  • random: 生成0-1之间的随机数(包含0不包含1)
  • ceil: 向上取整
  • floor: 向下取整
  • max: 找最大数
  • min: 找最小数
  • pow: 幂运算
  • abs: 绝对值
相关推荐
江城开朗的豌豆4 分钟前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
晓得迷路了4 分钟前
栗子前端技术周刊第 88 期 - Apache ECharts 6.0 beta、Deno 2.4、Astro 5.11...
前端·javascript·echarts
江城开朗的豌豆9 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆10 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆11 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆11 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js
尘浮72818 分钟前
60天python训练计划----day59
开发语言·python
前端 贾公子19 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript
江城开朗的豌豆23 分钟前
Vue路由传参避坑指南:params和query的那些猫腻
前端·javascript·vue.js
十里青山32 分钟前
超好用的vue图片预览插件更新啦,hevue-img-preview 7.0.0版本正式发布,支持vue2/vue3/移动/pc,增加缩略图、下载、自定义样式等
前端·javascript·vue.js