系统涉及到商品,往往就有规格的存在,一个商品多个规格需要去维护,如何通过js的方式快速构造出商品规格编辑的排列组合?整体思想是逐个规格往下合并的方式,核心js代码如下:
<script type="text/javascript"> function test() { var doubleArrays = [ [{valId:"1",valCode:"M",valName:"大码"},{valId:"2",valCode:"L",valName:"小码"}], //规格1:尺码 [{valId:"3",valCode:"R",valName:"红色"},{valId:"4",valCode:"W",valName:"白色"}], //规格2:颜色 [{valId:"5",valCode:"C",valName:"长"},{valId:"6",valCode:"D",valName:"短"}] //规格3:长度 ]; var ret = doExchange(doubleArrays); console.log(ret); document.write("共有:" + ret.length + "种组合!<br/>"); for (var i = 0; i < ret.length; i++) { document.write(ret[i] + "<br/>"); } } function doExchange(doubleArrays) { var len = doubleArrays.length; if (len >= 2) { var len1 = doubleArrays[0].length; var len2 = doubleArrays[1].length; var newlen = len1 * len2; var temp = new Array(newlen); var index = 0; for (var i = 0; i < len1; i++) { for (var j = 0; j < len2; j++) { temp[index] = { valId:doubleArrays[0][i].valId + "_" + doubleArrays[1][j].valId, valCode:doubleArrays[0][i].valCode + "_" + doubleArrays[1][j].valCode, valName:doubleArrays[0][i].valId + "_" + doubleArrays[1][j].valName }; index++; } } var newArray = new Array(len- 1); newArray[0] = temp; if (len > 2) { var _count = 1; for(var i=2;i<len;i++) { newArray[_count] = doubleArrays[i]; _count ++; } } console.log(newArray); return doExchange(newArray); } else { return doubleArrays[0]; } } test() ; </script>
示例:
时间: 2024-10-23 15:25:30