快捷導(dǎo)航

JavaScript算法教程之sku（庫存量單位）詳解

更新時間：2017年06月29日 11:54:21 作者：study

這篇文章主要給大家介紹了JavaScript算法教程之sku（庫存量單位）的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。

前言

這幾天公司出的題目，之前項目中寫過一個類似的，但是寫的很猥瑣（一些表現(xiàn)是通過頻繁操作DOM實現(xiàn)的），借著有獎勵的機(jī)會重寫了一下。

sku:

SKU=Stock Keeping Unit（庫存量單位）。即庫存進(jìn)出計量的基本單元，可以是以件，盒，托盤等為單位。SKU這是對于大型連鎖超市DC（配送中心）物流管理的一個必要的方法。現(xiàn)在已經(jīng)被引申為產(chǎn)品統(tǒng)一編號的簡稱，每種產(chǎn)品均對應(yīng)有唯一的SKU號。單品：對一種商品而言，當(dāng)其品牌、型號、配置、等級、花色、包裝容量、單位、生產(chǎn)日期、保質(zhì)期、用途、價格、產(chǎn)地等屬性與其他商品存在不同時，可稱為一個單品。

以上摘自百度百科

思路：

通過字典鍵值對（在JavaScript中即是Object數(shù)據(jù)類型）的方式來查找對應(yīng)可選屬性。

難點：

在于所確定屬性的同級可選屬性。

實現(xiàn)步驟：

將拿到的數(shù)據(jù)重新組織成需要展示的數(shù)據(jù)格式、計算使用的字典數(shù)據(jù)格式、以及計算過程中需要的一些輔助數(shù)據(jù)。
獲取頁面的所選的屬性。
根據(jù)所選屬性組成查找key來查找結(jié)果。
將結(jié)果緩存，方便下次加速查找。
表現(xiàn)到頁面。
確定商品。

核心代碼：

/**
 * 得到結(jié)果
 * @param {string} key 查找關(guān)鍵字以；分割
 * @return {array} 所有可選屬性數(shù)組
*/
getResult(key, isRealFind = true) {
 // 如緩存中存在，則直接返回結(jié)果
 if (this.cacheData[key] && isRealFind) {
 this.result = this.cacheData[key];
 this.resultID = this.goodsDict[key] ? this.goodsDict[key] : '';
 console.log(this.resultID);
 return this.result;
 }
 // 繼續(xù)查找
 let result = '';
 for (let _key in this.goodsDict) {
 let keyArr = key.split(';');
 let _keyArr = _key.split(';');
 let arr = keyArr.concat(_keyArr);
 arr = Array.from(new Set(arr));
 if (arr.length === _keyArr.length) {
 result += _key;
 }
 }
 if (isRealFind) {
 // 所有可選屬性
 this.result = result.split(';');
 let _keyArr = key.split(';');
 if (_keyArr[_keyArr.length - 1] === '') {
 _keyArr.pop();
 }
 for (let i = 0; i < _keyArr.length; i++) {
 let _arr = key.split(';');
 let str = _arr.splice(i, 1);
 let oldResult = this.getResult(_arr.join(';'), false);
 let index = '';
 // 獲取該key所在索引
 this.allKeys.forEach((item, i) => {
 if (item.indexOf(str.join('')) !== -1) {
  index = i;
  return;
 }
 });
 this.allKeys[index].forEach(item => {
 if (oldResult.indexOf(item) !== -1) {
  this.result.push(item);
 }
 });
 }
 this.result = Array.from(new Set(this.result));
 // 緩存數(shù)據(jù)
 this.cacheData[key] = this.result;
 this.resultID = this.goodsDict[key] ? this.goodsDict[key] : '';
 console.log(this.resultID);
 return this.result;
 } else {
 return result;
 }
}

github地址 (應(yīng)該拉下來就能跑，頁面展示用的jQuery，因為當(dāng)前項目需要，換成mvvm框架頁面表現(xiàn)會更加簡單)

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。