前端数组删除元素&字典操作

1. splice参数介绍

var a = [1,2,3]
var b = a.splice(从哪开始删,删几个,用谁替代)  
返回值b是，删除掉的元素，也就是说，splice返回删除的元素

2. 案例

// 图片删除，
  // 点击图片删除，列表的图片/桶都删掉，
removeImage: function (e) {
    var loca_index = e.currentTarget.dataset.index;
    // 先把原数组赋值给新数组，对新数组进行操作，最后在把新数组，赋值给老的数组，
    因为splice会影响老数组
    var new_url_list = this.data.imagePathList
    new_url_list.splice(loca_index, 1)
    this.setData({
      imagePathList: new_url_list
    })

3. 数组操作大全

前端数组操作大全https://blog.csdn.net/qq_52385631/article/details/123010994?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164554137316780274140641%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164554137316780274140641&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-123010994.nonecase&utm_term=%E6%95%B0%E7%BB%84&spm=1018.2226.3001.4450

4. ps 字典操作

4.1 字典介绍

字典是一种以键值对存在的数据结构，他的底层是Array数组

字典初始化和数组初始化的区别：

数组的初始化：var arr = [1,2,3,4,5];//使用中括号
字典的初始化: var names = {“a”:“aaa”,“b”:“bbb”,“c”:“ccc”};//使用花括号

4.2 字典的创建 

//创建方式1
	var arr = {"a":"1","b":"2","c":"3"};
	
//创建方式2
	var arr = new Array;
		arr["a"] = "1";
		arr["b"] = "2";
		arr["c"] = "3";
		arr["d"] = "4";

4.3 字典设置值

// 方法一
dic["d"] = "d1";//设置和修改值都可以使用该方法进行设定
// 方法二
dic.d = "d1"
    

4.4 字典删除值

// 第一种
delete dic["r"];
// 第二种
delete dic.w;

//但是不能通过下面的方式进行删除，这种方式时错误的写法
var newV = dic["r"];
delete newV;

4.5 遍历(循环)

//可以通过这种方式进行遍历，
for (var key in dic) {
                console.log(key + ":" + dic[key]);
            }


// 错误示范
因为dic没有length，length属性为0，因此不能使用下面方式进行便利了
for (var i = 0; i < dic.length; i++) {
  console.log(key + ":" + dic[key]);
            }