JavaScript
6 种数据类型
undefined number null boolean string object
返回值类型
typeof :undefined object(对象或者null) number boolean string function
== 比较值 ===比较数据类型与值
0为false !0为true
变量作用域全局
若果for循环在外面 里面 i为全局变量,如果在函数里面 i为 局部变量
变量或者函数声明会提升到最顶端
console.log(s);
var s=''hello word "; => var s; console。log(s);
var s=''hello word " ;
输出结果 s undefined
1 数组的遍历
for循环 for(var v in arr) v是索引
for of 是值
arr.foreach(function(item,index))
2 数组添加删除
arr.push 从数组尾插入 arr.shift 从数组头部删除
arr.unshift 从数组头部插入 arr.pop从数组尾部删除
push,pop 先进后出
unshift shift 先进先出
3 数组的连接
concat
4 数组转换成字符串(valueof())
valueof()方法返回的还是数组,由于要输出,而输出必须是字符串类型,所以内部自动调用toString()
valueof获取数组里面的值
5 元素的截取(slice)
slice[start,end)
分页 页数 p , pl 一页数量
(p-1)*pl p*pl-1
slice[ (p-1)*pl,p*pl ) 截取
5 splice()方法
删除从参数1开始,参数2删除的个数,被返回被删除的数组
var arr=[3,4,5,6,7,8];
var narr=arr.splice(0,3);
console.log(narr);//3,4,5
console.log(arr);//6,7,8
-----------------------------------------------------------------
插入元素
arr.splice (1,0) 键值为1的元素前插入 ,第二个参数需要为0
//插入元素 var arr=[3,4,5,6,7,8];
var narr=arr.splice(3,0,'a','b','c','d'); //第二个参数需为0
console.log(arr); //结果:[ 3, 4, 5, 'a', 'b', 'c', 'd', 6, 7, 8 ]
替换元素
var arr=[3,4,5,6,7,8];
var narr=arr.splice(3,2,'a','b','c','d');
console.log(arr); //[ 3, 4, 5, 'a', 'b', 'c', 'd', 8 ] console.log(arr.length)//8
6 反转 reverse
var arr=[1,3,6,8,10,3,4,9];
var narr=arr.reverse();
console.log(narr);
7 排序 sort
arr.sort(function(a,b){
return a-b;
})
-----------------------------------------------------
function compare(a,b) {
if(a<b){
return -1;
}else if(a>b){
return 1;
}
else {
return 0;
} }
var arr=[1,3,68,8,10,3,4,9];
var narr=arr.sort(compare);
console.log(narr);
8 arguments就是一个伪数组
(function(){
var a=arguments[0];
if (arguments.length===1){
a=a;
}else {
for(var i=0,len=arguments.length;i
a=a>arguments[i]?a:arguments[i]
}
}
alert(a)
}) (1,50,6,10)
没有参数 吧 字符串放在arguments中,如果有 ,然后赋值给参数
9 substr substring
第一个参数从索引几开始,到几结束 [1,3)
arr.substring(1,3)
第一个参数从索引几开始,截取几个
arr.substr(1,3)
10 indexof
如果要检索的字符串值没有出现,则该方法返回 -1。
11 去重
var arr=[1,2,2,4,5,2,5];
var arr_new=[arr[0]];
for(var i=1;i<arr.length;i++){
if(arr_new.indexof(arr[i])==-1){
arr_new.push(arr[i])
}
}
如新数组中没有该字符串 会返回-1
12 every
var flag=arr.every(function (item,index,array) {
return item%2===1;
});
全部为奇数返回true
13 some
var flag=arr.some(function (item,index,array)
{ return item%2===0;
});
有一个为偶数返回true
14 filter
var arr2=arr.filter(function (item) {
return item%2==1;
});
筛选出奇数
var phones=['iphone 6','iphone 8','sansung note 8','sansung s8','mi note 8'];
var condition='note';
var res=phones.filter(function (item) {
return item.indexOf(condition)!=-1;
})
15 map
var arr=arr.map(function (item) {
return item+5;
});
所有数加5
数组深copy
var arr1=[1,2,3]
var arr2=arr1.sclie(0,arr.length)
简述深拷贝和浅拷贝的最大不同?
A1:一个是复制粘贴(完全独立),一个是创建快捷方式(一个内存地址的不同引用)。
出两个深拷贝的js方法。
A2:SLICE()和CONCAT()
兼容问题
addEventListener 在非ie中
attachEvent ie中
setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次
setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式
var el = document.body;//声明一个变量,默认值为body
document.body.onmouseover = function(event){
el = event.target;//鼠标每经过一个元素,就把该元素赋值给变量el 获取当前元素
}
el.id 获取id ,el.id.charAt()获取字符串
BOM js引擎把html标签转换为js对象
文档的节点是9
遍历表格
target指的是事件源发生地即点击 , this当前事件源的对象
className 取到是字符串 classList 取到是数组
clientWidth 使用面积 offsetwidth 建筑面积