微信小程序：多层次对象数组的赋值、动态赋值
 
假设现有数据：，现需要访问数据“品牌二”，设置该属性值为“品牌三”
 
selectContent: [
 
  {

    itemTitle: "品牌",

    itemContent: [

      {

        isChecked: false,

        itemContentName: "品牌一"

      }, {

        isChecked: false,

        itemContentName: "品牌二"

      }

]
 
}
 
若采用以下的方法则无法设置该值：
 
this.data.selectContent[0].itemContent[0].itemContenName = “品牌三” // 没用
 
this.setData({
 
selectContent[0].itemContent[0].itemContenName = "品牌三"    // 编译器报错

// 或者

‘selectContent[0].itemContent[0].itemContenName = "品牌三"  ’   // 也没用
 
})
 
正确的设置方法是：
 
this.setData({
 
[`selectContent[0].itemContent[0].itemContenName` ] =  "品牌三" 
 
})
 
注意:用[] 将键括以来，键的外面的引号是斜单引号 即：` ，而不是中文 \’ 或者英文的单引号 '，此外，如果下标索引值是需要用变量指定时，可采用这样的方式
 
this.setData({
 
[selectContent[${iIndex}].itemContent[${jIndex}].itemContenName ] = “品牌三”
 
})

  data: {
		msg:'hello',
		forData:{
			Monday:1,
			Tuesday:2
		},
	markers: [{
			longitude:121.45088,
			latitude:31.25145,
		}]
  },
 
赋值：
 
   	 this.setData({
	     msg: 'hello,world'
	  })
	  //对象动态赋值
 	  const Mon= "forData.Monday";
	  const Tue= "forData.Tuesday";
	  this.setData({
		 [Mon]:11,
		 [Tue]:22
	  })
	  //数组动态赋值
	  const lat= "markers[0].latitude";
	  const log= "markers[0].longitude";
	      this.setData({
	       [lat]:110,
	  	   [log]:23
	      })

项目中遇到关于对象数组的操作问题，大概是将数据绑定到Layui的Table中。由于layui表格的数据填充是按照它的格式需求填入的，比如目前我遇到的是：
 
 cols: [[ 
            { field: 'index_col1', title: '序号', width: 66 },
            { field: 'stationName_col1', title: '站名',width: 106 },
            { field: 'temp_col1', title: '实时气温', width: 122.5, edit: 'text'},
            { field: 'index_col2', title: '序号', width: 66 },
            { field: 'stationName_col2', title: '站名', width: 106 },
            { field: 'temp_col2', title: '实时气温', width: 122.5, edit: 'text' },
            { field: 'index_col3', title: '序号', width: 66 },
            { field: 'stationName_col3', title: '站名', width: 106 },
            { field: 'temp_col3', title: '实时气温', width: 122.5, edit: 'text'}
        ]],
 
然后我获取到的数据大概是这样的：
 
data = [{ "index": "1", "stationName": "安吉1", "temp": "43" }, { "index": "1", "stationName": "安吉2", "temp": "23" }, {"index": "1", "stationName": "安吉3", "temp": "13" },
    { "index": "1", "stationName": "安吉4", "temp": "63" }, { "index": "1", "stationName": "安吉5", "temp": "43" }, {"index": "1", "stationName": "安吉6", "temp": "53" },
    { "index": "1", "stationName": "安吉7", "temp": "123" }, { "index": "1", "stationName": "安吉8", "temp": "33" }, {"index": "1", "stationName": "安吉8", "temp": "13" },
    { "index": "1", "stationName": "安吉10", "temp": "37" }, { "index": "1", "stationName": "安吉11", "temp": "23" }, {"index": "1", "stationName": "安吉12", "temp": "12" },
    { "index": "1", "stationName": "安吉13", "temp": "53" }, { "index": "1", "stationName": "安吉14", "temp": "32" }, {"index": "1", "stationName": "安吉15", "temp": "34" },
    { "index": "1", "stationName": "安吉16", "temp": "26" }, { "index": "1", "stationName": "安吉17", "temp": "124" }, {"index": "1", "stationName": "安吉18", "temp": "16" },
    { "index": "1", "stationName": "安吉19", "temp": "62" }, { "index": "1", "stationName": "安吉20", "temp": "53" }, {"index": "1", "stationName": "安吉21", "temp": "23" },
    { "index": "1", "stationName": "安吉22", "temp": "13" }, { "index": "1", "stationName": "安吉23", "temp": "81" }, {"index": "1", "stationName": "安吉24", "temp": "17" },
    { "index": "1", "stationName": "安吉25", "temp": "53" }, { "index": "1", "stationName": "安吉26", "temp": "83" }, {"index": "1", "stationName": "安吉27", "temp": "48" },
    { "index": "1", "stationName": "安吉28", "temp": "233" }, { "index": "1", "stationName": "安吉29", "temp": "16" }, {"index": "1", "stationName": "安吉30", "temp": "13" },
    { "index": "1", "stationName": "安吉31", "temp": "3" }, { "index": "1", "stationName": "安吉32", "temp": "43" }, {"index": "1", "stationName": "安吉33", "temp": "43" },
    { "index": "1", "stationName": "安吉34", "temp": "16" }, { "index": "1", "stationName": "安吉35", "temp": "31" }, {"index": "1", "stationName": "安吉36", "temp": "73" },
    { "index": "1", "stationName": "安吉37", "temp": "3" }, { "index": "1", "stationName": "安吉38", "temp": "41" }, {"index": "1", "stationName": "安吉39", "temp": "12" },
    { "index": "1", "stationName": "安吉40", "temp": "9" }, { "index": "1", "stationName": "安吉41", "temp": "26" }, {"index": "1", "stationName": "安吉42", "temp": "12" },
    { "index": "1", "stationName": "安吉43", "temp": "10" }, { "index": "1", "stationName": "安吉44", "temp": "17" }, {"index": "1", "stationName": "安吉45", "temp": "43" },
];
 
这时候就需要将data数组中的元素进行拆分，项目的需求是三列数据展示，依次从上到下展示的数据是按temp数值的大小进行展示的。所以在拆分之前需要将data进行按temp大小的重新排序。跳过
 
接着就是把排序好的数据进行拆分：
 
 var result = [];
                                                                    //三等分拆
        for (var i = 0, len = data.length; i < len; i += parseInt(data.length / 3)) {
            result.push(data.slice(i, i + parseInt(data.length / 3)));
        }
 var data_1 = new Array(),
            data_2 = new Array(),
            data_3 = new Array();
        colData = new Array();
        // console.log(result);
        data_1 = result[0];
        data_2 = result[1];
        data_3 = result[2];
 
然后分别用三个新的数组获取。
 
然后就是按照layui Table需求的格式对数据进行重组：
 
 for (var i = 0; i < data_1.length; i++) {
            var temp = data_1[i].stationName;
            var tempIndex = data_1[i].index;
            var tempTemp = data_1[i].temp;
            delete (data_1[i].stationName);
            delete (data_1[i].index);
            delete (data_1[i].temp);
            data_1[i].index_col1 = tempIndex;
            data_1[i].stationName_col1 = temp;
            data_1[i].temp_col1 = tempTemp;
        }
        for (var i = 0; i < data_2.length; i++) {
            var temp = data_2[i].stationName;
            var tempIndex = data_2[i].index;
            var tempTemp = data_2[i].temp;
            delete (data_2[i].stationName);
            delete (data_2[i].index);
            delete (data_2[i].temp);
            data_2[i].index_col2 = tempIndex;
            data_2[i].stationName_col2 = temp;
            data_2[i].temp_col2 = tempTemp;

        }
        for (var i = 0; i < data_3.length; i++) {
            var temp = data_3[i].stationName;
            var tempIndex = data_3[i].index;
            var tempTemp = data_3[i].temp;
            delete (data_3[i].stationName);
            delete (data_3[i].index);
            delete (data_3[i].temp);
            data_3[i].index_col3 = tempIndex;
            data_3[i].stationName_col3 = temp;
            data_3[i].temp_col3 = tempTemp;

        }
        for (var i = 0; i < data_1.length; i++) {
            colData[i] = Object.assign(data_1[i], data_2[i], data_3[i]);
        }
 
colData[i] = Object.assign(data_1[i], data_2[i], data_3[i]);这个方法是将三个数组重组成一个，方便填入数据。
 
table.render({
 
........
 
data:colData
 
...
 
})
 
填入数据。
 
但是，项目要求对展示的数据还要对temp的数值大小进行降序，升序的排列展示。
 
在这里，由于已经对数据data进行过操作了，所以data已经发生了改变，如果要满足自己的要求去排序的话，就不能在第一次排序中直接对data进行操作。因为对象的赋值都是指向性的。
 
所以要用新的对象去承载data中的对象值，然后赋值给要用到变量数组。
 
 function getNewData() {
        firstData = new Array();
        for (var i = 0; i < data.length; i++) {
            var obj = {};
            obj.index = data[i].index;
            obj.stationName = data[i].stationName;
            obj.temp = data[i].temp;
            firstData.push(obj);
        }
    }
 
在这里使用firstData获取data中的对象元素。每次要操作data时，都重新调用一次该函数。

前言
 
1255: 打怪升级（Java），写这个题目程序的时候，控制台提示如下错误：
 
Exception in thread "main" java.lang.NullPointerException
	at oj1255.Main.input(Main.java:41)
	at oj1255.Main.<init>(Main.java:24)
	at oj1255.Main.main(Main.java:52)
 
然后我调试才发现，这个对象数组居然是null的，这我就不理解了，我明明写了new的……
 
 
于是就有了这篇博客。为了突出重点，就重新写了个类，因此直接看下面的即可，不用管前言。
 
参考
 
 
 
跳币上山岭的博客
 
 
示例
 
package error.inner;

public class Outer {					// 外部类
	private class Inner {				// 内部类
		public int x;					// 内部类属性
	}
	
	private Inner[] test;				// 内部类对象数组
	
	public Outer() {					// 外部类构造方法
		test = new Inner[2];			// 创建内部类对象数组
		for(int i = 0; i < 2; i++) {
			test[i].x = i;				// 赋值
		}
		for(int i = 0; i < 2; i++) {	// 输出内部类属性值
			System.out.println(test[i].x);
		}
	}
	
	public static void main(String[] args) {
		new Outer();
	}
}
 
乍一看，你可能会觉得这段代码没有任何问题，然而事实是在控制台丢一个Exception给你：
 
Exception in thread "main" java.lang.NullPointerException
	at error.inner.Outer.<init>(Outer.java:13)
	at error.inner.Outer.main(Outer.java:21)
 
报错在第13行test[i].x = i;，于是进入了Debug模式
 

 从红色箭头那一行，我们看到test[0]是null的，到这里应该都明白了。
 我们在第11行test = new Inner[2]的代码实际上只是申请的对象数组的大小，如下图所示：
 
 
  
 
堆内存里面并没有Inner的实例，因此我们需要加1行代码（第4行）即可：
 
	public Outer() { 					// 外部类构造方法
		test = new Inner[2]; 			// 创建内部类对象数组
		for (int i = 0; i < 2; i++) {
			test[i] = new Inner();		// 创建对象
			test[i].x = i; 				// 赋值
		}
		for (int i = 0; i < 2; i++) { 	// 输出内部类属性值
			System.out.println(test[i].x);
		}
	}
 
其他代码都不用改，这样一来，堆中就变成了这样：
 
 
  
 
到这里再运行程序，就能正常输出想要的东西了：
 
 
小结
 
类的实例数组，每一个都需要单独创建。切记！切记！