美文网首页
笔记:过滤器,获取日期,数组api

笔记:过滤器,获取日期,数组api

作者: 滚动的小熊 | 来源:发表于2018-09-18 20:26 被阅读0次

    过滤器:对页面上的数据进行筛选和过滤

    1.全局过滤

    html:
    <p>{{num|过滤器的名字}}</p>
    js:
    Vue.filter("过滤器的名字",function(){})
    

    2.局部过滤器

    new Vue({
        el:"#app",
        data:{},
        methods:{},
        filters:{
            过滤器的名字:function(){}
        }
    })
    

    获取时间

    <script>
    var date=new Date(); 
    var year=date.getFullYear();年
    var mon=date.getMonth()+1;月
    var ri=date.getDate();日
    var week=date。getDay();星期
    var hour=date.getHours();时
    var min=date.getMinutes();分
    var sec=date.getSeconds();秒
    
    
    document.write(`今天是${year}年,${mon}月,${ri}日,星期${week},${hour}点,${min}分,${sec}秒`)
    </script>
    

    数组api

    1.String()

    toString()把数组转换为字符串,并返回结果。
    注意: 数组中的元素之间用逗号分隔。

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.toString();
    输出为:
    Banana,Orange,Apple,Mango
    

    2.join()

    join() 方法用于把数组中的所有元素转换一个字符串。
    元素是通过指定的分隔符进行分隔的。

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var energy = fruits.join();
    energy输出结果:
    Banana,Orange,Apple,Mango
    

    3.concat()

    concat() 方法用于连接两个或多个数组。
    该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

    var hege = ["Cecilie", "Lone"]; 
    var stale = ["Emil", "Tobias", "Linus"];
    var kai = ["Robin"]; 
    var children = hege.concat(stale,kai); 
    children 输出结果: 
    Cecilie,Lone,Emil,Tobias,Linus,Robin
    

    4.slice()

    slice()方法返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象,原始数组不会被修改。
    注意: slice() 方法不会改变原始数组。

    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
    var citrus = fruits.slice(1,3);
    citrus 结果输出:
    Orange,Lemon
    

    5.splice(

    splice() 方法用于插入、删除或替换数组的元素。
    注意:这种方法会改变原始数组!。

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2,0,"Lemon","Kiwi");
    fruits 输出结果:
    Banana,Orange,Lemon,Kiwi,Apple,Mango
    

    6.reverse()

    reverse() 方法用于颠倒数组中元素的顺序。

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.reverse();
    fruits 结果输出:
    Mango,Apple,Orange,Banana
    

    7.push()

    push() 方法将一个或多个元素添加到数组的末尾,并返回数组的新长度。
    注意: 新元素将添加在数组的末尾。
    注意: 此方法改变数组的长度。
    提示: 在数组起始位置添加元素请使用 unshift() 方法。

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.push("Kiwi")
    fruits 结果输出:
    Banana,Orange,Apple,Mango,Kiwi
    

    8..pop()

    .pop() 方法用于删除数组的最后一个元素并返回删除的元素。
    注意:此方法改变数组的长度!
    提示: 移除数组第一个元素,请使用 shift() 方法。

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.pop();
    fruits 结果输出:
    Banana,Orange,Apple
    

    9.unshift()

    unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
    注意: 该方法将改变数组的数目。
    提示: 将新项添加到数组末尾,请使用 push() 方法。

    var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
    fruits.unshift("Lemon","Pineapple"); 
    fruits 将输出: 
    Lemon,Pineapple,Banana,Orange,Apple,Mango
    

    10.shift()

    shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。
    注意: 此方法改变数组的长度!
    提示: 移除数组末尾的元素可以使用 pop() 方法

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.shift()
    fruits结果输出:Orange,Apple,Mango
    

    相关文章

      网友评论

          本文标题:笔记:过滤器,获取日期,数组api

          本文链接:https://www.haomeiwen.com/subject/lpumnftx.html