如何用列表中的描述替換條碼使用JavaScript？

Question

我們有一個用於掃描庫存的網頁。我們使用我們自己的自定義條形碼來檢查進出的東西。這些按順序排列，如0000024，0000025，0000026等。這些條碼中的每一條都有相應的條目描述。我想知道是否有一種方法，當掃描條碼進入網頁時，它可以用條目代碼自動替換條碼。我正在玩字符串替換，但我不確定如何爲項目列表執行此操作。

Answer 1

您可以創建一個對象，然後在其中搜索條碼。

var barcodes = { 
    "000555":"This is a discription for 000555", 
    "000666":"This is a discription for 000666" 
} 

然後，當輸入的值發生變化時，查找它，然後將其放入p元素中。

$("input[type=text]").on("input", function(){ //on value changed 
    this.value //text in the textbox 
    $("p").text(barcodes[this.value]); //find the value of the text box in the barcodes object 
}); 

Here is a Fiddle for it

Answer 2

您可以創建一個對象字面其映射條形碼其描述：

var barCodeMap = { 
     "0000024": "description 24", 
     "0000025": "description 25", 
     "0000026": "description 26" 
    }, 
    scannedBarCode = "0000025", 
    descriptionOfScannedBarCode = barCodeMap[scannedBarCode]; 

console.clear(); 
console.log(descriptionOfScannedBarCode); 

（該網站可以從服務器上下載的地圖中JSON format，使用AJAX下載的JSON字符串可以轉換爲JavaScript。通過調用JSON.parse()的對象。）