JS基础09-17

数组
面向对象创建

var a=new Array(1,2,3,4,"55");

直接创建

var b=[1,2,3,4,"qwe"];

数组嵌套

 var c=[[1,2,3],["12",12,"4e",4],[true,false]];

数组字符拼接

var d=[1,21,31,4];
var d1=d.join("+"); //d1=1+21+31+4
d.push(5) //最后追加
alert(d) //12345
d.pop() //末尾删除
alert(d) //123
d.unshift(0)//前面追加
alert(d)
d.shift() //前面头删除
alert(d)
d.reverse()//数组翻转
alert(d)
num=e.indexOf("d")
alert(num) //3 返回第一次索引值
e.splice(2,2) // 从索引为二开始删除（012） 删除多少个
alert(e) //a,b,a,b,c,d
e.splice(2,2,55) //第三个参数为;删除之后再在那个位置插入元素
alert(e) // a,b,55,a,b,c,d

数组去重

var a=[1,2,3,4,5,6,7,6,5,4,3,2,1]
    var a1=[]
    for(var i=0;i<a.length;i++){
        if(a.indexOf(a[i])==i){
            a1.push(a[i])
        }
    }

字符串
字符串翻转
/字符串翻转---线分割数组，翻转，拼接

var b1=b.split("");
var b2=b1.reverse();
var b3=b2.join("");
alert(b3)

分割

var s1="2018-0917";
var s2=s1.split("-");//[2018,0917]

获取单个元素

var s3="#div1";
var s4=".div1";
var s5=s3.charAt(0)

从特定的地方获取元素

var str6=b.substring(10,12);
左闭右开

当只有一个元素的时候，结果将是从这个位置开始到最后。
计时器

setTimeout()计时一次
setInterval() 重复计时
clearTimeout()清除一次计时
clearInterval()清除多次计时

eg：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
    window.onload=function () {
        pop_con=document.getElementById("pop_con");
        shutoff=document.getElementById("shutoff");

        setTimeout(showpop,3000)
        function showpop() {
            pop_con.style.display="block";
        }
        shutoff.onclick=function () {
            pop_con.style.display="none";
        }
    }

</script>
<style type="text/css">
    .pop{
        width: 400px;
        height: 300px;
        background-color: white;
        border: 1px solid black;
        position: fixed;
        top:50%;
        left: 50%;
        margin-top: -150px;
        margin-left: -200px;
        z-index: 10;

    }
    .mask{
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: black;
        left: 0;
        top: 0;
        opacity: 0.3;
        filter: alpha(opacity=30);
        z-index: 9;

    }
    .pop_con{
        display: none;
    }

</style>
</head>
<body>
<h1>标题</h1>
<p>页面内容</p>
<div class="pop_con" id="pop_con">
<div class="pop">
    <h3>提示信息</h3>
    <a href="#" id="shutoff">关闭</a>
</div>
<div class="mask"></div>
</div>

</body>
</html>

时间函数

now=new Date()
year=now.getFullYear()
month=now.getMonth()//0-11
date=now.getDate()//当前日期17日
week=now.getDay()//1 0-6
hour=now.getHours();
minute=now.getMinutes()
second=now.getSeconds();

封闭函数大致形如：(函数)()

(function () {
var s="ok"
alert(s)
})();

用变量的形式定义函数

var my=function () {
alert('ok')
}
  my()//这样定义函数调用只能放在后面，放在前面将会报错

闭包

     function aa(b) {
        var a=12;
        function bb() {
            alert(a)
            alert(b)
        }
        return bb;
    }
    var c=aa(23)
    c()

封闭函数写法

    var cc=(function (b) {
        var a=12;
        function bb() {
            alert(a)
            alert(b)
        }
        return bb;
    })(23)
    cc()

JS基础09-17

推荐阅读更多精彩内容