前端电商规格的书写通常遵循以下步骤和格式：
定义规格名称：
首先，需要确定商品的所有规格名称。这些名称通常包括颜色、尺寸、型号等。例如：
颜色
尺寸
型号
品牌
等级
定义规格值：
针对每个规格名称，列出所有可能的规格值。例如：
颜色：红色、蓝色、黄色
尺寸：S、M、L
型号：标准版、豪华版
使用JSON格式：
将规格名称和规格值以JSON格式进行组织。例如：
```json
{
"颜色": ["红色", "蓝色", "黄色"],
"尺寸": ["S", "M", "L"]
}
```
前端展示：
在前端页面中，将解析后的JSON数据以适当的方式展示给用户。例如，可以使用下拉菜单、复选框或单选按钮等形式。
数据传递：
在用户选择规格后，将选中的规格值以字符串形式传递给后端，例如：
```javascript
var jsonObj = JSON.parse('{"颜色":"红色","尺寸":"M"}');
var specs = "";
for (var key in jsonObj) {
specs += key + ":" + jsonObj[key] + ", ";
}
specs = specs.slice(0, -2); // 去掉最后的逗号和空格
```
后端处理：
后端接收到前端传递的规格值后，进行相应的处理，如存储到数据库或进行其他业务逻辑操作。
示例代码
```javascript
// 假设从后端获取的规格数据
let params1 = [
{ name: '颜色', spec: ['黑', '白'] },
{ name: '尺寸', spec: ['s码', 'm码'] }
];
// 将规格名处理为一个数组
function keyConvertArr(params) {
return params.map(item => item.name);
}
// 将规格值处理为数组嵌套数组结构
function valueConvertArr(params) {
let arr1;
for (let j = params.length - 1, i = j; i >= 0; i--) {
if (!arr1) {
params[i - 1].spec.push(params[i].spec);
arr1 = params[i - 1].spec;
} else {
arr1.push(params[i].spec);
}
}
return arr1;
}
// 转换规格数据
let keys = keyConvertArr(params1);
let values = valueConvertArr(params1);
// 打印规格键和值
keys.forEach((key, index) => {
console.log(key + ":");
values[index].forEach(value => {
console.log(" " + value);
});
});
```
通过以上步骤和示例代码，可以清晰地定义和展示商品的规格信息，确保用户能够方便地选择合适的商品规格。