7、js数组方法some、every、find、findIndex、slice、splice

要点:

someevery

两者的相同之处是,都接受一个函数作为参数,对数组元素都执行一次此函数,都不会改变原数组的值。不同之处在于返回条件不同:

some() 中直到某个数组元素使此函数为 true,就立即返回 true。所以可以用来判断一个数组中,是否存在某个符合条件的值。

    const isAdult = people.some( person => {
		const currentYear = (new Date()).getFullYear();
		return currentYear - person.year >= 19;
	});
	console.log({isAdult});

every() 中除非所有值都使此函数为 true,才会返回 true 值,否则为 false。主要用处,即判断是否所有元素都符合条件。

	const allAdult = people.every( person => new Date().getFullYear() - person.year >= 19);
	console.log({allAdult});

some() 相对应的话,some() 像是或运算,而 every() 则是与运算了。

findfineIndex

这两个 ES6 的新特性类似于 some() ,但对于符合条件的元素,返回值不是布尔类型。不一样的地方在于,find() 返回的是这个元素的值(或 undefined),而 findIndex() 返回的是这个元素的索引(或 -1)。

	const comment = comments.find(comment => comment.id == 823423);
	const index = comments.findIndex(comment => comment.id == 823423);

slicesplice

这两者比较相似的地方,大概只有:参数的第一个都是指的起始位置,且都接受负数,若是负数,代表倒数第几位。

而其他地方是需要区分清楚的:

  • slice():不修改原数组,按照参数复制一个新数组,参数表述复制的起点和终点索引(省略则代表到末尾),但终点索引位置的元素不包含在内。
  • splice():原数组会被修改。第二个参数代表要删掉的元素个数,之后可选的参数,表示要替补被删除位置的元素。

让我们来联想一下,看到一块纹着漂亮花纹的布料,slice 拿出相机拍了一张照,而 splice 拿出剪刀把这个花纹剪下来带走了,再用其他布料给缝回去。

所以想要删除一个元素,有两种实现思路,一是把出它之外的元素给复制下来再合在一起,二是直接把它删除。

	// 删除方法一,splice()
	// comments.splice(index, 1);
	
	// 删除方法二,slice 拼接
	const newComments = [
		...comments.slice(0, index),
		...comments.slice(index + 1)
	];

效果:

在这里插入图片描述

代码:

  const people = [
      { name: 'Wes', year: 1988 },
      { name: 'Kait', year: 1986 },
      { name: 'Irv', year: 1970 },
      { name: 'Lux', year: 2015 }
    ];
    const comments = [
      { text: 'Love this!', id: 523423 },
      { text: 'Super good', id: 823423 },
      { text: 'You are the best', id: 2039842 },
      { text: 'Ramen is my fav food ever', id: 123523 },
      { text: 'Nice Nice Nice!', id: 542328 }
    ];

    /*
    1. 是否有人超过 19 岁?
    2. 是否所有人都是成年人?
    */
    const isAdult = people.some(person => { return (new Date()).getFullYear() - person.year >= 19 })
    console.log('isAdult', isAdult);

    const allAdult = people.every(person => { return (new Date()).getFullYear() - person.year >= 19 })
    console.log('allAdult', allAdult);


    // 找到 ID 号为 823423 的评论
    const comment = comments.find(comment => comment.id == 823423);
    const index = comments.findIndex(comment => comment.id == 823423);
    console.log(comment,index)

    // 删除 ID 号为 823423 的评论
    const newComments = [
		...comments.slice(0, index),
		...comments.slice(index + 1)
	];
  console.table(newComments)
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值