6.09 js基础
JS简介
JS三个组成部分
ECMAScript
BOM
DOM
JS的输入与输出
输入
1.prompt('提示信息')
2.confirm('提示信息')
输出
1.alert('内容')弹窗输出
2.console.log('内容')控制台输出
3.document.write('内容')页面输出
基本数据类型
1.数值 numbe
2.字符串 string
必须使用引号括起来
反引号 ``
单引号 ''
双引号 ""
3.布尔类型 boolean
仅有两个值：true false
4.未定义 undefined
5.空类型 null
数据类型检测 typeof
语法： type(数据) 返回数据的类型名
1.用法：结合console.log
console.log(typeof(10)); //'number'
console.log(typeof('hello')); //'string'
console.log(typeof(ture)); //'boolean'
console.log(typeof(undefined)); //'undefined'
//特殊记忆
console.log(typeof(null)); //'object' 对象
数组
一组数据的有序集合
用中括号括起来
变量
内存中用于存储数据的一个空间
变量基本使用
语法：let 变量名 = 数据
let x =10
console.log (x)
变量的命名规则
1.强制要求
1、只能包含字母、数字、下划线、$、不能以数字开头
2、不能是JS的关键字
2.人为约束
1、见名知义
2、如果变量包含多个单词，推荐采用小驼峰(除第一个单词外，其余单词首字母大写)
变量的注意事项
1.同一个变量不能使用let声明两次
let age = 18; //声明变量
console.log(age); //18
age = 19; //修改变量（不能加let）
console.log(age); //19
2.仅声明变量，没有赋值，undefined
let age
console.log (age) //undefined
交换两个变量里的值
let a = 10;
let b = 20;
let c = a;
a = b;
b = c;
逻辑：
借助第3个变量 c，
将a变量赋值给 变量c
再将变量b赋值给变量a
再将变量c赋值给变量b
数组的基本操作
let arr =[10,20,30,40] 排序为 0,1,2,3
1.查看所有元素
let arr =[10,20,30,40] 排序为 0,1,2,3
console.log(arr)
2.查看某一个元素
数组名[下标]
let arr =[10,20,30,40] 排序为 0,1,2,3
console.log(arr[2]) //30
3.添加元素
语法：数组名[下标] = 数据
let arr =[10,20,30,40] 排序为 0,1,2,3
arr[4] = 100
console.log(arr) //[10,20,30,40,100]
4.获取数组的长度
let arr =[10,20,30,40] 排序为 0,1,2,3
console.log(arr.length) // 4
常量
常量就是一类特殊的变量
语法：const 常量名 = 数据；
const a =10
console.log(a); //10
1.常量的值是不允许被修改
2.常量被定义时必须赋值，不赋值会报错
运算符
1.赋值运算符
=
若要表示比较 ==
2.算数运算
普通的+ - * /
%
余两个数相除的余数
++
自增1运算符
++ //等效于a = a + 1;
--
自减1运算符
-- //等效于 b = b + 1;
字符串运算符
+
对两个字符串进行拼接成一个新的字符串
+=
将新的字符串内容追加到后面
数据类型转换
只要相同的数据才可以直接进行运算，如果数据类型不同，会发生数据类型的转换
隐式转换
JS在内部运算时，自己完成转换
console.log (10*'20'); //200
// +和 +=会优先进行字符串拼接
console.log(10+'20'); /
/'1020'
console.log (2-'2'); //0
显式转换
程序员在书写代码时，发现数据类型不同，自己完成的转换
Number(数据) 转换成number类型 （必须全数字）
console.log(Number('20'));
console.log(10*Number('20')) ; //200
String(数据) 转换成string类型
console.log(String('10'));
console.log(String(10)*'20' ;
求和案例
let a = 100;
let b=prompt('新全爸爸的数量')*1;（方法一）
let b = +prompt("新全爸爸的数量");(方法二)
let c = a + b;
console.log(c);
数值提取
parseInt(字符串)
在一个字符串中，从左到右依次提取整数，直到遇到第一个非数字停止提取
console.log(parseInt('10元')) //10
console.log(parseInt('RMB10元')) //NaN(not a number)
parsefloat(字符串)
在一个字符串中，从左到右依次提取小数，直到遇到第一个非数字停止提取
console.log(parseInt('10.5元')) //10.5
console.log(parseInt('RMB10.5元')) //NaN(not a number)
模板字符串
使用反引号定义的字符串也称之模板字符串
特点
1.可以换行定义字符串
let str = `hello
world`;
2.可解析变量的值
${变量名}
let age = 28
let str1 = `我今年${age}岁`;
console.log(str1); //我今年18岁
\
