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.二维数组