养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Vue数组的基本操作:Some和Every

时间:2024-09-23 18:32:56

Some和Every对数组的遍历:some是数组中只要有一个符合条件就返趼黜噍垴回true,every是每一个元素都符合条件才返回true,否则返回false。

Vue数组的基本操作:Some和Every

工具/原料

vue

方法/步骤

1、在vue实例的data初始化一个数组persons。执行some和every来查询墙绅褡孛数组中对象年龄大于100的情况。

Vue数组的基本操作:Some和Every

2、将原数组数据显示在页面上。

Vue数组的基本操作:Some和Every

3、添加两个按钮。一个按钮绑定事件,用来执行some操作。一个按钮绑定事件,用来执行every操作。

Vue数组的基本操作:Some和Every

4、在methods方法中,定义这两个事件。并将结果输出在控制台。

Vue数组的基本操作:Some和Every

5、点击【运行】-【运行到浏览器】,选择浏览器后,会自动打开浏览器。

Vue数组的基本操作:Some和Every

6、点击f12,打开浏览器调试工具,点击Some按钮和every按钮,查看控制台输出。

Vue数组的基本操作:Some和Every

7、另外,最好将事件,定义在computed属性内。

Vue数组的基本操作:Some和Every

8、计算属性内定义的函数直接在页面渲染。

Vue数组的基本操作:Some和Every

9、查看页面显示结果。

Vue数组的基本操作:Some和Every

© 一点知识