web第五天

本文介绍了JavaScript的基本语法,包括内部和外部引入JS的方式,输入输出语句如prompt和console.log,变量的声明与赋值,let和var的区别,常量const,数据类型如字符串和布尔型,运算符,以及控制结构如if语句和循环。此外,还详细讲解了数组的操作如push、pop、splice等。
摘要由CSDN通过智能技术生成

1.js引入方式:

        内部:

        

        外部:

        

2.输入输出语句:

        输入语句:

        prompt('请输入您的密码:')

        打印到页面:(可以识别标签)

        document.write('你们真是小天才')

        document.write('<strong>你们真是小天才<strong>')

        控制台输出语句:

        conso.log('我现在要在控制台输出')

3.变量

        盒子---存储数据的容器  数据本身不是变量

        变量的声明:

        let 变量名

        var 变量名

        变量赋值:

        age=prompt('请输入你的年龄')

        age=33

        console.log(age)

        变量的初始化:

        let uname=prompt('请输入你的用户名:')

        console.log(uname)

        同时定义多个变量:

        let uname='zs',age=21

        console.log(uname,age)

        let age = prompt('请输入年龄:')

        document.write(age)

4.变量命名规范:

        1、有效符号(大小写字母、数字、下划线、$)

        2、关键字、保留字不能用于变量命名

        3、不以数字开头

        4、尽量用有意义的变量名

        5、驼峰命名法  userName

5.let和var的区别

        1、let声明的变量不能重复声明,var可以

        2、let声明的变量不能变量提升,当使用var声明变量时,改变量会被提升到作用域的顶端,但是赋值部分不会提升。

        3、let是块状作用域,var是函数作用域,在函数里使用var声明了一个变量,那么这个变量在整个函数内都是有效的,let只在作用域里有效。例如在for循环里用var声明一个变量,在for循环外也是可以使用的,用let声明一个变量,在for循环外面是不能被访问的。

6.const常量

        常量名大写  常量无法更改

7.数据类型

        js是弱数据类型语言,只有赋值之后,才知道是什么数据类型

        数据类型

        

        字符串类型

        

        字符串拼接用”+“

        

        模板字符串

        

        布尔类型

        只有两个值,true和false

8.显示转换

        

9.运算符

        赋值运算符

        let a=21

        a=33

        a +=4  -- a=a+4    a -=3 -- a=a-3

        a *=2 -- a=a*2       a /=2 -- a=a/2

        

        比较运算符

        ==(隐式转换)只比较数值,将字符串转换为数字类型后进行比较

        === 即比较数值,也比较类型

        

        逻辑运算符

        &&    ||    !

        

10.单分支语句

        if(条件){

        执行的代码

        }

        

11.双分支语句

        if(条件){

        执行的代码

        }

        else {

        执行的代码

        }

        

12.多分支语句

                

13.三元运算符

        判断条件 ? 条件成立时执行的语句:条件不成立时执行的语句

14.switch

        

15.while循环

        一定要有终止条件

        

16.for循环

        

17.循环嵌套

        

18.continue,break

        continue:跳出本次循环

        break:跳出循环

19.数组

        

        数组遍历

        

        数组的操作

        通过索引下标给对应元素重新赋值

        

        concat合并数组

        

        push:在数组末尾添加元素

        arr.push('jiangjia')

        unshift:在数组首部添加元素

        语法:数组.unshift(元素, 元素, ...) - 返回新数组的长度

        let arr = ['a', 'b', 'c'];

        let l = arr.unshift('d')     arr.unshift('d')表示添加元素

        console.log(arr);

        console.log(l);             检查数组长度            

        如果需要添加多个元素直接在括号内添加用逗号隔开即可

        shift:将数组开头的元素删掉

        语法:数组.shift() - 返回被删掉的元素

        let arr = ['a', 'b', 'c'];

        let ele = arr.shift()

        console.log(arr);

        console.log(ele);

        pop:将数组的最后一个元素删除

        语法:数组.pop() - 返回被删掉的元素

         let arr = ['a', 'b', 'c'];

         let ele = arr.pop()

         console.log(arr);

         console.log(ele);

        splice:给数组的任意一个位置添加 、修改、删除

                添加

                语法:数组.splice(开始下标, 删除个数, 新元素, 新元素, ...) - 返回所有被删掉的元素组成的新数组

                let arr = ['a', 'b', 'c', 'd'];

                let brr = arr.splice(1, 0, 'e', 'f')

                console.log(arr);  此处输出结果为'a', 'e', 'f', 'b', 'c', 'd'

                console.log(brr);  此处返回值为删除元素个数,因未删除任何元素,所以返回值是0

                 修改

                语法:数组.splice(开始下标, 删除个数, 新元素, 新元素, ...) - 返回所有被删掉的元素组成的新数组

                let arr = ['a', 'b', 'c', 'd'];

                let brr = arr.splice(1, 2, 'e', 'f')

                console.log(arr);

                console.log(brr);  此处返回值为删除元素个数,所以返回值是2

                删除

                语法:数组.splice(开始下标, 删除个数) - 返回所有被删掉的元素组成的新数组

                let arr = ['a', 'b', 'c', 'd'];

                let brr = arr.splice(1, 2)

                console.log(arr);

                console.log(brr);  此处返回值为删除元素个数,所以返回值是2

        // 语法:数组.splice(开始下标, 删除个数, 在删除位置放入的1个或多个元素) - 返回所有被删除元素组成的新数组

        reverse:翻转数组

        语法:数组.reverse() - 返回当前数组

        let arr = ['a', 'b', 'c']

        let brr = arr.reverse()

        console.log(arr);  输出结果为 ['c', 'b', 'a']

        console.log(brr);

        console.log(arr === brr); // true

        join:将数组中所有元素通过指定的链接符,连接成一个字符串

        语法:数组.join(连接符) - 返回连接后的字符串

        let arr = ['a', 'b', 'c']

        let str = arr.join('-')

        let str = arr.join('') // 将所有元素直接拼接在一起

        let str = arr.join() // 如果省略连接符,默认使用逗号连接

        console.log(str);

        slice:截取数组

        语法:数组.slice(开始下标, 结束下标) - 返回被截取出来的一段组成的数组,结果不包含结束下标对应的字符

        let arr = ['a', 'b', 'c', 'd', 'e', 'f']

        let brr = arr.slice(2, 5)

        let brr = arr.slice(2) // 如果省略结束下标,就截取到数组的末尾

        let brr = arr.slice() // 在省略结束下标的基础上,还可以省略开始下标 - 从开头截取到末尾

        console.log(brr);

        console.log(arr);

        console.log(arr === brr); // false

20.二维数组

                

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值