杂记 – 0002 – 衣服 – 尺寸表与跳码

不折腾的前端，和咸鱼有什么区别

Hello 小伙伴们早上好、中午好、下午好、晚上好，今天要讲解下尺寸表和跳码，一个工作中的小场景。

一 序

1.1 什么是尺寸表？

它在百度百科上称为 服装尺码标准：服装尺码标准是在人体基本尺寸的基础上，根据不同的款式，加上合适的宽松量。

我们以女装尺码比照表为例：

当然，这个表，是会变的，因为需要根据不同需求的客人、不同的业务需求场景，有些制衣厂、服装厂会进行衣料的特制。

所以我们在日常购物的时候，最好问下卖衣服的、裤子的、鞋子的商家，有没有对应的尺寸表，从而购买到合适的衣物。

今天在这里我们先了解有这个规则即可。

1.2 什么是跳码

如果你在 Google 上搜索关键字：跳码，你会发现结果都是关于 POS 机的跳码，跟我们今天讨论的衣服尺寸表完全无关。

所以特意查找了一下，发现百度有篇有个比较好点的解释：

跳码，别名：跳号，解释：隔期出现的号码 举个例子说罢： 目前国内 1．6M 身高的普通女性，三围尺寸大约是： * 胸围84CM， * 腰围64CM， * 臀围88CM， 那么小一号的三围尺寸是： * 胸围80CM， * 腰围60CM， * 臀围84CM， 胸围／腰围／臀围分别 4CM 之差就叫做跳码（也叫做跳档），档差是 4CM（一周），即一个码差 4CM。 那么大一号的尺寸是： * 胸围88CM， * 腰围70CM， * 臀围92CM， 同样与中号比－－－4CM 之差叫做跳码（跳档），档差是 4CM（一周）。 女性中码通常是M，小码是 S，大码是 L，特大码是 XL。 当然袖长，肩宽等各部位－跳码的数字是不同的，各公司也略有不同。 不同的专业客人有自己的一套跳码规律表的。这些是他们根据自己国家的人口身高数据和自身品牌的定位而确立的。

OK，到这里，我们应该清楚，跳码就是根据某个样板（样衣/基码），来计算 XXXS、XXS、XS、S、M、L、XL、XXL 之间数据的一个档差。

二 尺码表依据跳码换算

2.1 换算规则

在讲解换算规则前，我们先讲讲什么叫 样衣。

所谓 样衣，即跳码根据样衣为起点来计算尺码表各自的数值。

那么，现在假设我们的尺码表是：

• [XXXS, XXS, XS, S, M, L, XL, XXL]

同时，我们的样衣是：M，对应 M 的值为 40。

给出的跳码规则是：

• [XXXS, XXS, XS, S]：1
• [S, M]：2
• [M, L, XL, XXL]：3

这时候的初始表为：

然后，我们根据跳码断，可以计算出完整的尺寸表为：

可多看几遍上面提到的跳码规则，对应 M 为 40 时进行加减计算。

2.2 代码实现

在了解跳码规则的情况下，我们开始进行 Code 演示：

为了防止律师函，这里变量使用中文拼音命名

chimabiao: [ { id: '910', // id buwei: '910', // 部位 buweimingcheng: '衣袖', // 部位名称 yangma: '3XL', // 样码（基码） tiaomaguize: [ // 跳码规则 { id: 0, value: '1', size: ['0XL', '1XL', '2XL'] }, { id: 1, value: '2', size: ['2XL', '3XL', '4XL'] }, ], chimaxinxi: [ // 尺码信息 { size: '0XL', min: '', max: '' }, { size: '1XL', min: '', max: '' }, { size: '2XL', min: '', max: '' }, { size: '3XL', min: '10', max: '20' }, { size: '4XL', min: '', max: '' }, ], }, ]

如上，这是我们根据正式数据改编的一段数据，已知：

• yangma：基码（样衣）
• tiaomaguize：跳码规则
• chimaxinxi：需跳码数据

在 chimaxinxi 上， min 和 max 都是类似于值的存在，即它们遵守跳码计算：

那么，在代码上，如何根据 yangma、tiaomaguize、chimaxinxi 来动态计算，从而得到最终的 chimaxinxi 呢？

期望结果：

chimabiao: [ { id: '910', // id buwei: '910', // 部位 buweimingcheng: '衣袖', // 部位名称 yangma: '3XL', // 样码（基码） tiaomaguize: [ // 跳码规则 { id: 0, value: '1', size: ['0XL', '1XL', '2XL'] }, { id: 1, value: '2', size: ['2XL', '3XL', '4XL'] }, ], chimaxinxi: [ // 尺码信息 { size: '0XL', min: '7', max: '17' }, { size: '1XL', min: '8', max: '18' }, { size: '2XL', min: '9', max: '19' }, { size: '3XL', min: '10', max: '20' }, { size: '4XL', min: '11', max: '22' }, ], }, ]

那么，请复制下面代码，通过 node index.js 来查看自己是否修改完毕（或者直接脑海计算？）：

// 请将该代码复制到某个文件夹下 index.js，然后通过 node index.js 来查看控制台打印的数据，以此检验是否成功 const chimabiao = [ { id: '910', // id buwei: '910', // 部位 buweimingcheng: '衣袖', // 部位名称 yangma: '3XL', // 样码（基码） tiaomaguize: [ // 跳码规则 { id: 0, value: '1', size: ['0XL', '1XL', '2XL'] }, { id: 1, value: '2', size: ['2XL', '3XL', '4XL'] }, ], chimaxinxi: [ // 尺码信息 { size: '0XL', min: '', max: '' }, { size: '1XL', min: '', max: '' }, { size: '2XL', min: '', max: '' }, { size: '3XL', min: '10', max: '20' }, { size: '4XL', min: '', max: '' }, ], }, ] const automaticCalculation = (chimabiao) => { // ...代码有待实现 } console.log(automaticCalculation());

这样，通过代码的练习，我们就更加清楚跳码的计算啦~

以上，就是今天需要分享的关于衣服的尺寸表和跳码，你 get 到 了吗？

jsliang 的文档库 由 梁峻荣 采用 知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议进行许可。