web前端——javascript高级

Posted 2021-01-27 sickle

数组

定义数组的方法

//对象的实例创建
var aList = new Array(1,2,3);

//直接量创建(首选)
var aList2 = [1,2,3,‘asd‘];

　　

操作数组中数据的方法

//获取数组的长度
var aList = [1,2,3,4];
alert(aList.length); // 弹出4


//用下标操作数组的某个数据
var aList = [1,2,3,4];
alert(aList[0]); // 弹出1


//将数组成员通过一个分隔符合并成字符串
var aList = [1,2,3,4];
alert(aList.join(‘-‘)); // 弹出 1-2-3-4


//从数组最后增加成员或删除成员
var aList = [1,2,3,4];
aList.push(5);
alert(aList); //弹出1,2,3,4,5
aList.pop();
alert(aList); // 弹出1,2,3,4


//将数组反转
var aList = [1,2,3,4];
aList.reverse();
alert(aList);  // 弹出4,3,2,1


//返回数组中元素第一次出现的索引值
var aList = [1,2,3,4,1,3,4];
alert(aList.indexOf(1));


//在数组中增加或删除成员
var aList = [1,2,3,4];
aList.splice(2,1,7,8,9); //从第2个元素开始，删除1个元素，然后在此位置增加‘7,8,9‘三个元素
alert(aList); //弹出 1,2,7,8,9,4


//多维数组指的是数组的成员也是数组的数组
var aList = [[1,2,3],[‘a‘,‘b‘,‘c‘]];
alert(aList[0][1]); //弹出2;

　　

 

 

循环语句

for循环

for(var i=0;i<len;i++)
{
    ......
}


//数组去重
var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4,2,1];

var aList2 = [];

for(var i=0;i<aList.length;i++)
{
    if(aList.indexOf(aList[i])==i)
    {
        aList2.push(aList[i]);
    }
}

alert(aList2);

　　

 

 

 

字符串处理方法

//字符串合并操作：“ + ”
var iNum01 = 12;
var iNum02 = 24;
var sNum03 = ‘12‘;
var sTr = ‘abc‘;
alert(iNum01+iNum02);  //弹出36
alert(iNum01+sNum03);  //弹出1212 数字和字符串相加等同于字符串相加
alert(sNum03+sTr);     // 弹出12abc



//将数字字符串转化为整数
var sNum01 = ‘12‘;
var sNum02 = ‘24‘;
var sNum03 = ‘12.32‘;
alert(sNum01+sNum02);  //弹出1224
alert(parseInt(sNum01)+parseInt(sNum02))  //弹出36
alert(parseInt(sNum03))   //弹出数字12 将字符串小数转化为数字整数



//将数字字符串转化为小数
var sNum03 = ‘12.32‘
alert(parseFloat(sNum03));  //弹出 12.32 将字符串小数转化为数字小数



//把一个字符串分隔成字符串组成的数组
var sTr = ‘2017-4-22‘;
var aRr = sTr.split("-");
var aRr2= sTr.split("");
alert(aRr);  //弹出[‘2017‘,‘4‘,‘2‘]
alert(aRr2);  //弹出[‘2‘,‘0‘,‘1‘,‘7‘,‘-‘,‘4‘,‘-‘,‘2‘,‘2‘]



//查找字符串是否含有某字符
var sTr = "abcdefgh";
var iNum = sTr.indexOf("c");
alert(iNum); //弹出2



//截取字符串 用法： substring(start,end)（不包括end）
var sTr = "abcdefghijkl";
var sTr2 = sTr.substring(3,5);
var sTr3 = sTr.substring(1);
alert(sTr2); //弹出 de
alert(sTr3); //弹出 bcdefghijkl



//字符串反转
var str = ‘asdfj12jlsdkf098‘;
var str2 = str.split(‘‘).reverse().join(‘‘);
alert(str2);

　　

调试程序的方法

　　1、alert

　　2、console.log

　　3、document.title

 

 

 

定时器

定时器类型及语法

定时器：
  setTimeout  只执行一次的定时器 
  clearTimeout 关闭只执行一次的定时器
  setInterval  反复执行的定时器
  clearInterval 关闭反复执行的定时器



var time1 = setTimeout(myalert,2000);
var time2 = setInterval(myalert,2000);

clearTimeout(time1);
clearInterval(time2);

function myalert(){
    alert(‘ok!‘);
}

　　

 

 

封闭函数

　　封闭函数是javascript中匿名函数的另外一种写法，创建一个一开始就执行而不用命名的函数。

(function(){
    alert(‘hello!‘);
})();

//还可以在函数定义前加上“~”和“!”等符号来定义匿名函数

!function(){
    alert(‘hello!‘);
}()

 

 

 

封闭函数的作用

　　封闭函数可以创造一个独立的空间，在封闭函数内定义的变量和函数不会影响外部同名的函数和变量，可以避免命名冲突，在页面上引入多个js文件时，用这种方式添加js文件比较安全，比如：

var iNum01 = 12;
function myalert(){
    alert(‘hello!‘);
}

(function(){
    var iNum01 = 24;
    function myalert(){
        alert(‘hello!world‘);
    }
    alert(iNum01);
    myalert()
})()

alert(iNum01);
myalert();