文章目录
1. 快速入门
1.1 引入JavaScript
- 内部标签
<script>
//...
</scritp>
- 外部引入
abs.js
/...
test.html
<script src="abs.js"></script>
1.2基本语法入门
1、javaScript大小写区别型
2、定义变量格式:
var 变量名 = 变量值;
3、条件控制语法和java一样
4、在浏览器的控制台console打印变量:
console.log(变量名)
5、严格检查模式:‘use strict’
前提:编译器需要设置支持ES6语法
作用:避免不严谨的操作定义带来的问题
注意:
1)必须写在JavaScript的第一行
2)局部变量建议都使用 let 去定义
2. 数据类型
数值、文本、图形、音频、视频…
- 变量
- number
js不区分小数和整数,Number
123//整数123
123.2//浮点数123.1
1.123e2//科学计数法
-11//负数
NaN// not a number
Infinity//无穷大 -号表示负无穷大
- 字符串
- 正常字符串用这种’abc’ “abc”
- 注意转义字符
\n:换行
\t:制表
\b:空格
\r:回车
\:斜杠
':单引号
":双引号
- 多行字符串
/tab 上面 esc键下面
var msg =
hello
world
你好ya
你好`
/*
输出为两行在一起的字符串//hello world…
*/
- 模板字符串
//tab 上面esc键下面
let name = “sk”;
let age = 3;
let msg =`你好呀,${name}
//你好呀,sk
- 字符串长度
str.length
- 字符串的可变性,不可变
console.log(student[o])
s
undefined
student[0] =1
1
console.log(student)
student
undefined
- 大小写转换
//这里是方法
student.toUpperCase()
student.toLowerCase()
- student.indexOf(“t”)//获取t在字符串中的下标
- substring
[)包含前面那个不包含后面
student.substring(1)[/从第一个字符串截取到最后一个字符串student.substring(1,3)1/[1,3)
- 布尔值
真或者假 - Undefined
没有定义 - Null
空null
3. 数组
Array可以包含任意的数据类型
var arr = [1,2,3,4,5,6]
3.1定义数组
- 用对象创建
<script>
let arr = new Array();
arr[0] = 1;
arr[1] = 'a';
arr[2] = 3;
arr[3] = 'b';
</script>
- 直接创建
<script>
let arr = [1,'s',6,'k'];
</script>
3.2数组长度
length//返回元素个数即数组长度
3.3 indexOf,通过元素获取下标索引
arr.indexOf(2)
1
字符串"1"和1是不同的
3.4 slice()
截取Array的一部分,返回一个新的数组类似String中的substring
3.5 push、pop
压栈,出栈
push()//压入到尾部
pop()//弹出尾部的一个元素
3.6 unshift()
shift()//弹出头部元素
unshift//弹出头部的一个元素
3.7 排序 sort()、元素反转
(3) [““B””,“c”,“A”]
arr.sort()
(3)[“A”,“B”,“C”]//排序
/反转/
(3)[“A”,““B”,“c””]
arr.reverseo
(3) [“c”,"“B”,“A”]
3.8 concat()
(3) [““c”,”“B”,“A”“]
arr.concat([1,2,3])
(6)[“c”,”“B”,“A”“,1,2,3]
arr
(3) [“c”,“B”,“A””]
注:concat ()并没有修改数组,只是会返回一个新的数组
3.9连接符 join
打印拼接数组,使用特定的字符串连接
(3) [“C”,“B”,“A”]
arr-join(‘-’)
“C-B-A”
3.10多维数组
arr =[[1,2],[3,4],[""5"",""6""]];
arr[1][1]
4