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

    过滤器:对页面上的数据进行筛选和过滤 1.全局过滤 2.局部过滤器 获取时间 数组api 1.String() t...

  • VUE过滤器和计算属性

    过滤器主要分为全局过滤器和局部过滤器。 全局过滤器如下: 局部过滤器如下: 计算属性如下: 过滤器中获取日期: 计...

  • js基础8-内置对象的API

    内置对象的API Date日期对象 1.获取当前日期:let date = new Date(); 2.获取日期中...

  • ES6之对象优化

    新增的API keys():获取对象的所有key形成的数组 values():获取对象的所有value形成的数组 ...

  • 日期和数组、对象API

    日期Date.now() —— 获取当前时间的毫秒数(从“远古”开始算)var dt = new Date() —...

  • dayjs

    获取上周周一、周日日期 获取本周周一、周日日期 api 开头时间 返回当前时间的开头时间的 Dayjs() 对象,...

  • JavaScript Date 对象方法总结

    常用 Date 类方法 获取当月天数 通过数组来添加天数 获取当前时间 日期大小比较 js时间戳与日期格式的相互转...

  • JavaScript随记3

    一. 创建日期对象,获取本地时间 二.日期对象属性 三.完整Date对象API地址 http://www.w3sc...

  • 品牌案例

    实现表格添加、删除、搜索、日期过滤器。 如果需要异步访问后台完成上述操作: 初始获取数据时,在created()钩...

  • 过滤器的实现

    Filter过滤器API Servlet过滤器API包含了3个接口,它们都在javax.servlet包中,分别是...

网友评论

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

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