JavaScript介绍
1、javascript 是一门编程语言,编程语言是人与计算机沟通的工具
2、常见编程语言:C/C++/C#/JAVA/JavaScript/Python/php/易语言/汇编/go/vb
难易程度: 低级语言 中级语言 高级语言
低级语言:汇编 直接操作硬件 速度快 开发速度慢 难学
中级语言:c
高级语言:适合人类理解学习 易学 运行速度慢
从执行的角度分类
解释型语言: 边解释边执行
编译型语言: 先统一编译,再去一起执行
3、Script
前端核心语言
简单易学,学习成本低(环境简单:只需要解释器和编写工具)
4、js中的模块
1)js基础/语法/核心
2)dom模块:实现人与页面信息交互
3)bom对象
JS基础语法
1、注释: // /* */
2、向页面输出内容
document.write("这是向页面输出的内容");
3、接收页面输入的内容
var a = prompt();
4、变量就是程序中用来保存数据的。
变量命名:
可以使用a-z A-Z 0-9 _ $
不能使用数字开头
5、写代码的过程中有很多数据,这些数据,可以分类
Number:数字类型
String:字符串类型 字符串需要使用' ' 或者" "
boolean:布尔型 只有true/false
undefined:未定义 变量创建 但没有赋值
null:空
object:对象
array:数组
function:函数 实现了一定功能的代码集合
6、查看数据类型
int
float
double
var type1 = typeof(num) 返回变量类型
parseInt() 将传入的参数转换为整数
toString() 将传入的参数转换为字符串
7、字符串的拼接
算数运算符
+ - * / % **
** 次方
比较运算符
> >= < <= != == ===
8、逻辑运算符 / 条件连接符 与 或 非 && || !
&&只要有一个不成立就为假
|| 只要有一个成立就为真
9、赋值运算符
= += -= /= %= *=
控制结构
if ( 条件 ) {
}
else{
}
两个分支且两个分支是互斥的
两个分支中一定且只会走一条
Math.random #随机数,范围 [0,1)
Math.random()*900+100 #随机三位数
case是分支,如果传入的参数和case匹配,那么就进入分支
进入分支后如果没有遇到break,会进入下一条分支,直到遇到break或者结构走完
switch(){
case value:
break;
case value:
break;
case value:
break;
default:
break
]
不确定循环次数时使用,确定使用for
while(true){
a = 1
}
循环结构do while,无论条件是否满足,先执行循环体,再判断while条件
do{
a = 1
}while( )
数组
1.数组是多个变量的集合,用于存储多个数据
2.创建并初始化一个数组
var arr = [ , , , , ]
var arr = new Array( , , , , , )
3.使用数组
document.write(arr)
4.获取数组长度
var len = arr.length
5.通过下标可以取出数组中的某个元素
var n = arr[0]
注意:下标从0开始,长度从1开始
对象
描述一个对象 人: 属性
名字 肤色 年龄 性别
人可以做事: 函数 . 方法( )
吃饭 走路
在数组末尾增加(多个)数据
arr.push()
在数组的首部追加(多个)数据
arr.unshift()
通过下标插入数据
arr[5] = 123
//获取数组长度
arr.length
在数组中间插入数据
参数1:需要插入数据的下标 2:被替换元素个数,若为0直接插入 666:替换内容
arr.splice(1,2,666)
删除首位数据并返回
arr.shift( )
var del = arr.shift( )
返回删除内容
document.wriite(del )
删除末尾数据并返回
arr.pop()
var del = arr.pop( )
返回删除内容
document.wriite(del )
删除中间的数据
arr.splice(1,1) //删除第一位元素
使用 –
arr.length-- //删除最后一位元素
修改数据
使用下标修改
arr[8] = 76 //获取下标位置的元素重新赋值
arr.splice(2,1,6) 将下标2的元素替换为6
indexof 查询某个元素在数组中第一次出现的位置 有返回下标,没有返回-1
遍历数组
for(var i in arr){
document.write(arr[i]+",")
}
for(var i =1; i<=arr.length; i++){
document.write(arr[i]+",")
}
将数组倒序
arr.reverse( )
数组排序
arr.sort( )
数组特点:有序 可重复
for循环流程总结
1.初始一个变量
2.判断条件是否执行
如果条件成立
执行循环体,循环体实现结束后执行 i=i+1
回到第二步
否则:
循环结束
3. break 结束本层循环
continue 结束本次循环,进行下一次循环