js对象转为二维数组

代码运行出错时,仔细检查有没有基础的错误,如 == 写成了 = ,
还有劳累的时候,头脑不灵活,记得先休息。

如下图:下图的数据组成方式是正确的,是个二维数组,
在这里插入图片描述
这是数据原来的样子,传到浏览器之后就是上图的样子,很明显是二维数组:
在这里插入图片描述
那么,后台传过来的一般是对象数组,传到浏览器之后是这样

在这里插入图片描述
很明显,我截两张细节图对比一下:
在这里插入图片描述
上面是二维数组图

在这里插入图片描述
上面是数组对象图
很明显,有三处不同,接下来就是把数组对象转为二维数组:

  		 var arr= []
            for (var i = 0; i < temp.length; i++) {
                var initArr = []
                for (var j = 0; j <2; j++) {
                    if (j == 0) {
                        initArr[0] = temp[i].x + '';
                    }else if (j == 1) {
                        initArr[1] = temp[i].y + '';
                    }
                }
                arr[i] = initArr
            }

           var  temp = arr

temp.length是数组对象的长度,temp是后台传来的数组对象,j < 2,意思是内部两次为一个循环,因为二维数组内部的一维数组 长度是二,内部数组存储的是坐标,坐标只有经度、纬度,可以根据自己需求改变,当 j 等于 0 时,给坐标的内部一维数组的第一个元素赋值为 initArr[0] = temp[i].x + ‘’ , initArr[0] = temp[i].x + ‘’ 的 加号后连接的是单引号,用于把number类型的数字转为字符串,temp[i]中i值指的是数组对象的第 i 个元素,temp[0].x + ‘’ 表示数组对象的第 1 行的x属性,
initArr[0] = temp[0].x + ‘’,表示把数组对象的第 1 行的 x 属性赋值给二维数组的内部数组的第一个元素,initArr[1] = temp[0].y + ‘’,表示把数组对象的第 1 行的 y 属性赋值给二维数组的内部数组的第二个元素,其中 initArr 表示 二维数组的内部数组,arr 表示二维数组的外部数组。当执行完一次

 			 for (var j = 0; j <2; j++) {
                 if (j == 0) {
                     initArr[0] = temp[i].x + '';
                 }else if (j == 1) {
                     initArr[1] = temp[i].y + '';
                 }
             }

之后,二维数组的第 i 行的内部数组就赋值完成了,然后开始下一个循环。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值