9.27
复习
- 数据类型
- 声明变量
- DOM选择器
1 变量的命名规范
名称可以包含字母、数字、下划线和美元符号
名称必须以字母、_和$开头
名称对大小写敏感
保留字无法用作变量名称
声明变量,;表示结束
定义多个变量: var a,b,c,A;
赋值: = 赋值运算符
js的加载?
2 什么是DOM
DOM全程是Document Object Model, 文档对象模型
DOM的选择器:
document.getElementById() ; 通过id选择器,选择标签
document.getElementsByTagName();通过标签名选择标签
document.getElementsByName();通过name属性
IE8及以上
document.getElementsByClassName(); 通过class选择器选择标签
document.querySelector(); 像css一样,选择标签,获取文档中的第一个元素。
document.querySelectorAll(); 选择所有的,返回类似数组
3 ES5数据类型:
基本数据类型:
字符串、数字、布尔、空对象、未定义
引用数据类型:
对象、数组、函数
var x ;
var x = 5;
var a = true;
var b = false;
var c = undefined;
数组定义三种方式:
var arr = new Array();
var arr2 = new Array(a,‘b’,3,5);
var arr3 = [‘a’,‘c’,‘hello’,10,11];
获取索引的方式 arr[索引]
// 对象 --花括号,键和值定义的
定义对象的两种方式:
var obj = new Object();
obj.name=‘amy’;
var obj1 = {name:‘join’};
获取对象的属性值
obj1.name;
obj1[‘age’];
//函数
关键词function
9.29
4 字符串 --用于存储和处理文本。
方法:
charAt() 返回指定位置的字符
concat() 连接两个或多个,
indexOf() 返回指定的字符串在字符串中首次出现的位置。
第二个参数是开始查找的位置
lastIndex() 返回指定字符串最后出现的位置
includes() 返回布尔型,true/false
replace() 返回新的字符串
split() 字符串转成数组
第二个参数表示 数组的最大长度
substr()
开始下标,指定长度
subString()
开始下标,结束下标(不包含)
slice()
截取某部分,返回新字符串
slice(-1) 表示最后一个字符
slice与substring的区别
区别:
1、substring:两个参数会比较大小来判断哪一个是起始位参数哪一个是结束位置参数,通俗的讲就是小的一个数会作为起始 位置参数,大的一个数会作为结束位置参数;
slice:则不会有这样的规则,只遵循大于0,从前面计数,小于0,从后面计数的原则。
2、substring:除了两个参数会比较大小调换位置外,还满足小于0时按0处理的规则;
slice:则是根据大于0和小于0来判断计数的前后顺序
toUpperCase();
toLowerCase();
删除字符串头尾的空格
strim()
数值
方法:
parseInt() 转换数字字符串为数字
返回的是首个数字
NaN
parseFloat()
// Number() js变量转换为数值,可用于任何数据类型转换为数值
false //0
undefined //NAN
null //0
“abc” //NaN
//toFixed()
指定小数点的位数,四舍五入
// toPrecision() 包含指定的长度
数组
单一变量中存储多个值
数组的创建:
new
[]
数组的最后一个数据
col[col.length-1]
方法:
push
toString() //把数组转化为数组值(逗号分隔)的字符串
join() // 把数组转化为字符串,可以定义分隔符
pop()
unshift() //开头添加
shift()// 删除首个
修改元素
splice(位置,个数,添加的元素) 删除从index开始的零个或多个元素
splice(1,0,9) 在第1个位置插入9
slice() //不改变原数组
concat() //合并数组 ,不改变原有的数组
sort() //正序
reverse() //倒叙
遍历数组
for循环遍历
forEach() //调用数组的每一个元素,并将元素传递给回调函数
筛选数组
filter()
有回调函数,有两个参数
返回满足条件的数组
some() 有一个
every() 每个
预解析
代码正式执行之前,进行的解析工作(先寻找var关键字声明的变量或者function声明的函数)。
预处理?
作用域
ES5 有全局和函数
ES6 有块级作用域
条件语句
if … else …
条件满足,执行if,不满足,执行else
JS进阶
预习–> 复习