一、删除数组中的某一项

function removeArrByValue (array, val) {
        for (var i = 0; i < array.length; i++) {
            if (array[i] == val) {
                array.splice(i, 1);
                break;
            }
        }
        return array;
  }
 
 或者
 
 function removeArrByValue (array, val) {
        array.forEach((item,index)=>{
            if(item==val){
               array.splice(index, 1);
            }
          })
        return array;
    }

二、数组去重

封装的方法：

    unique(arr) {
      var list= [];
      for (var i = 0; i < arr.length; i++) {
        if (list.indexOf(arr[i]) == -1) {
          list.push(arr[i]);
        }
      }
      return list;
    }

使用例子：

let masList=[1,3,2,5,6,12,31,45,2,3,4,5,1,8];
let gList = this.unique(masList);
console.log(gList);   // 输出结果：  [6,12,31,45,8]

三、数组对象和一般数组之间的转换

（1）将一般数组转为对象数组
封装的方法：

function changeArrObj(list){
	let arrList = [];
	for (let i in list) {
	    arrList.push(list[i]);
	}
	for (var i = 0; i < arrList.length; i++) {
	      var j = {};
	      j.id = i;
	      j.src = arrList[i];
	      arr.push(j);
	}
	return arr;
}

使用例子：

let imgList= [ "../../beehive-scenes.jpg_180x180xzq90.jpg_.webp", "../../180x180xzq90.jpg_.webp", "../../dgshop.jpg_180x180xzq90.jpg_.webp" ]
let arrs = changeArrObj(imgList);
console.log(arrs);
  
// 运行结果
/* *
  [
           {
              id: 0,
             src:  "../../beehive-scenes.jpg_180x180xzq90.jpg_.webp"
          },
         {
              id: 1,
             src:   "../../180x180xzq90.jpg_.webp"
          },
            {
              id: 2,
             src: "../../dgshop.jpg_180x180xzq90.jpg_.webp"
       }
   ]
*/

（2）将数组对象转为一般数组
封装的方法：

/**
list  要转换的数组
check	组成新数组的每一项
*/
function  changeArr(list,check){
	  let arrList = [];
      for( let i = 0; i< list.length;i++) {
        arrList.push(list[i].check);
      } 
      return arrList;
}

使用例子：

let   imgList= [
           {
              id: 0,
             src:  "../../beehive-scenes.jpg_180x180xzq90.jpg_.webp"
          },
        {
              id: 1,
             src:   "../../beehive-scenes.jpg_180x180xzq90.jpg_.webp"
          }
   ]
   let arr = changeArr(imgList,src);
   console.log(arr);

// 运行结果：
//  [  "../../beehive-scenes.jpg_180x180xzq90.jpg_.webp", "../../beehive-scenes.jpg_180x180xzq90.jpg_.webp"]

四、给数组的每一项加前缀

封装的方法：

/**
*     pre   要添加的前缀
*     paramsList   要加前缀的数组
*/
 addFirst(pre,paramsList) {
      let arr = [];
      for (let i = 0; i < paramsList.length; i++) {
        arr.push(pre + paramsList[i]);
      }
      return arr;
 }

使用例子：

  let arr= ['aa.jpg','bb.jpg','cc.png','gg.png'];
  let newArr = addFirst("http://",arr);
  console.log(newArr);  // 运行结果：  ['http://aa.jpg','http://bb.jpg','http://cc.png','http://gg.png'];

举个栗子

<template>
	<div class="box-wrap">
		<div class="box-item"  v-for="(item,index) in list" @click="edit(index)"> {{item.name}} </div>
	</div>
</template>
<script>
	exoprt default{
		data(){
			return{
				list:[
					{
						name:'隔壁老王',
						id:3,
					}
					{
						name:'隔壁老王',
						id:3,
					}
				]
			}
		},
		methods:{
			edit(index){
				this.list[index].name = '我是修改后的name'
				//这样修改是修改不了的。
				*****这么修改this.$set(this.list,'我是修改后的name',this.list[index].name);
			},
		}
	}
</script>

示例：

1. 监听tempArr数组的第0项的age值变化
2. 监听formData对象的likes数组第1项吉他项的值的变化

export default {
    data(){
        return {
            tempArr: [
                {
                    name: '小明',
                    age: 18
                },
                {
                    name: '小红',
                    age: 18
                },
            ],
            formData: {
                name: '',
                likes: [
                    {
                        name: '篮球',
                        checked: false,
                    },
                    {
                        name: '吉他',
                        checked: false,
                    },
                ]
            }
        }
    },
    watch: {
        'tempArr.0.age'(n,o){  //监听tempArr数组的第0项的age值变化
            console.log(n);
        },
        'formData.likes.1.checked'(n,o){    //监听formData对象的likes数组第1项吉他项的值的变化
            console.log(n);
        }
    }
}