常见JS函数(持续更新中)

Math()函数

1.Math.max(a,b,...,x,y) -- 返回数个数字中较大的值 

Math.max(a,b,...,x,y);

a,b,...,x,y -- 为number类型的数字,可以是小数、整数;正数、负数、0。

2.Math.random()
返回 0 ~ 1 之间的随机数。

3.Math.round()
四舍五入取整。

4.Math.ceil()
返回值:返回大于或等于x,并且与之最接近的整数。
注:如果x是正数,则把小数“入”;如果x是负数,则把小数“舍”。

5.Math.floor()
返回值:返回小于或等于x,并且与之最接近的整数。
注:如果x是正数,则把小数“舍”;如果x是负数,则把小数“入”。

filter()函数

1.filter()把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。

2.filter()接收的回调函数,其实可以有多个参数。通常我们仅使用第一个参数,表示Array的某个元素。回调函数还可以接收另外两个参数,表示元素的位置数组本身

var arr = ['A', 'B', 'C'];
var r = arr.filter(function (element, index, self) {
    console.log(element); // 依次打印'A', 'B', 'C'
    console.log(index); // 依次打印0, 1, 2
    console.log(self); // self就是变量arr
    return true;
});

new Vue({
			el:'#root',
			data:{
				keyWord:'',
				persons:[
					{id:'001',name:'马冬梅',age:19,sex:'女'},
					{id:'002',name:'周冬雨',age:20,sex:'女'},
					{id:'003',name:'周杰伦',age:21,sex:'男'},
					{id:'004',name:'温兆伦',age:22,sex:'男'}
				]
			},
			computed:{
				filPerons(){
					return this.persons.filter((p)=>{
						return p.name.indexOf(this.keyWord) !== -1
					})
				}
			}
		}) 

indexOf()函数

indexof() 方法可返回某个指定的字符串值在字符串中首次出现的位置

注意:如果要检索的字符串值没有出现,则该方法返回 -1。

splice()函数

1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 
2.插入-向数组指定位置插入任意项元素。三个参数,第一个参数(其实位置),第二个参数(0),第三个参数(插入的项) 
3.替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)

persons:[
			{id:'001',name:'马冬梅',age:30,sex:'女'},
			{id:'002',name:'周冬雨',age:31,sex:'女'},
			{id:'003',name:'周杰伦',age:18,sex:'男'},
			{id:'004',name:'温兆伦',age:19,sex:'男'}
		]

this.persons.splice(0,1,{id:'001',name:'马老师',age:50,sex:'男'})
// 第一个参数 删除的位置 第二个参数 删除的个数 第三个参数 添加的内容

slice()函数

slice()
         可以用来在我们的数组中提取指定的元素
         该方法不会改变原数组,只会将截取到元素封装到一个新数组
         参数:
                 1.截取开始的位置的索引,包含开始索引
                 2.截取结束的位置的索引,不包括结束索引
                 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
                 索引可以传递一个负值,如果传递一个负值,则从后往前计算
                 -1倒数第一个

forEach()循环遍历



		 * forEach()方法需要一个函数作为参数
		 *  - 像这种函数,由我们创建但是不由我们调用的,我们称为回调函数
		 *  - 数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素
		 * 			以实参的形式传递进来,我们可以来定义形参,来读取这些内容
		 * 	- 浏览器会在回调函数中传递三个参数
		 * 		第一个参数,就是当前正在遍历的元素
		 * 		第二个参数,就是当前正在遍历的元素的索引
		 * 		第三个参数,就是当前正在遍历的数组
		 */
		
		arr.forEach(function(value,index,obj){
			console.log(value+index+obj);
		});

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值