你的位置:首页 > 软件开发 > Java > 二维数组的遍历和dom循环创建

二维数组的遍历和dom循环创建

发布时间:2016-10-12 12:00:25
发的第一篇博客,新手一枚,有错误的,勿喷。最近在写关于购物车的本地存储的前端技术,这里是关于如何把一个二维数组内部的信息呈现在页面上。一般来说本地存储时,存储的是关于店铺的信息和店铺内部商品的信息.本地存储时把数组转换成Json串存储的。这里为了方便是直接创建的一个二维数组var ...

发的第一篇博客,新手一枚,有错误的,勿喷。

最近在写关于购物车的本地存储的前端技术,这里是关于如何把一个二维数组内部的信息呈现在页面上。

一般来说本地存储时,存储的是关于店铺的信息和店铺内部商品的信息.本地存储时把数组转换成Json串存储的。这里为了方便是直接创建的一个二维数组

var product = [{shopId:100,shopNm:'红石榴',productList:[{goodsId:1,goodsNm:"苹果7",goodsNum:"1"}]},{shopId:101,shopNm:'红苹果',productList:[{goodsId:2,goodsNm:"苹果5",goodsNum:"2"},{goodsId:3,goodsNm:"苹果6",goodsNum:"2"}]},{shopId:101,shopNm:'红苹果',productList:[{goodsId:2,goodsNm:"苹果5",goodsNum:"2"},{goodsId:3,goodsNm:"苹果6",goodsNum:"2"},{goodsId:2,goodsNm:"华为",goodsNum:"2"},{goodsId:2,goodsNm:"小米",goodsNum:"2"}]}];

定义了一个商品信息列表,内部不同的商店,不同商品。数组内部是对象,一个对象对应一个店铺,店铺内部有商品信息。若是有不同商品会添加到productList内部。

现在关键是循环添加,信息.先在页面内部给商品布局。然后创建。

for (var i = 0; i < product.length; i++) {

原标题:二维数组的遍历和dom循环创建

关键词:dom

dom
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。