笔记:过滤器,获取日期,数组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