JavaScript

2018-01-11  本文已影响0人  Xr丶_c967

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  建筑面积

上一篇下一篇

猜你喜欢

热点阅读