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

2018-09-18  本文已影响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
上一篇下一篇

猜你喜欢

热点阅读