vue在js上处理后台返回的数组_js数组方法及案例(vue)

方法

indexOf() : (索引) - 返回数组中某个指定元素的位置,若没有则返回 -1

push() : (添加) - 将一个或多个元素添加到数组的末尾

splice(index, num) : (删除) - 删除从index位置处的num个数组项

reverse(): (反转数据) - 用于颠倒数组中元素的顺序，改变原数组。

注意事项

1、forEach不能中断循环，若需遍历完成之前返回结果，使用for循环

案例

案例一、多选标签

描述： 一行或多行排列多个标签，当点击时，选中当前项并变色显示并添加到数组，再次点击时取消变色并从数组中移出。

注意事项： 数组是从后台获取的数据，当为数组的对象添加开关变量属性时，应使用res.data.list进行遍历，完成之后再赋值给data中定义的数据变量。

html:

v-for="item in tags"

:key="item.id"

:class="{ active: item.isActive }"

@click="change(item)">

{ {item.label}}

css:

.box {

width: 1000px;

height: 100px;

margin: 0 auto;

}