So berechnen Sie den Preis mit Einzelauswahl mithilfe von JavaScript

Mit der rasanten Entwicklung des E-Commerce-Marktes werden die Bedürfnisse der Nutzer beim Kauf von Waren immer vielfältiger. Um den Kaufbedürfnissen der Nutzer gerecht zu werden, ist die Berechnung der Produktpreise immer komplexer geworden. Unter ihnen ist die Berechnung von Single-Select-Preisen ein nicht zu vernachlässigendes Thema. In diesem Artikel wird erläutert, wie Sie den Preis einer Einzelauswahl mithilfe von JavaScript berechnen.

Auf den meisten E-Commerce-Websites handelt es sich bei den Preisregeln für Einzelauswahl häufig um „Mengenpreise“ oder „Mengenstaffelpreise“. Im Folgenden demonstrieren wir anhand von Beispielen die Umsetzungsmethoden dieser beiden Preisregeln.

Staffelpreise

Staffelpreise bedeuten, dass innerhalb der Kaufmengenspanne desselben Einzelprodukts jeder Menge ein Preis entspricht. Beispiel: Beim Kauf von 1–5 Artikeln beträgt der Preis 10 Yuan/Artikel; beim Kauf von 6–10 Artikeln beträgt der Preis 8 Yuan/Artikel; beim Kauf von 11 oder mehr Artikeln beträgt der Preis 6 Yuan/Artikel.

Das Folgende ist ein JavaScript-Code, der die Batch-Preisgestaltung implementiert:

//定义批量定价规则
var rule = [
  {num: 1, price: 10},
  {num: 6, price: 8},
  {num: 11, price: 6},
];

//获取单品数量
var quantity = parseInt(document.getElementById('quantity').value);

//查找符合条件的价格（以购买1件商品为例）
var price = rule.find(function(item) {
  return quantity <= item.num;
}).price;

console.log('价格为：' + price);

In diesem Code definieren wir zunächst die Batch-Preisregeln und rufen den Benutzer über document.getElementById('quantity').value auf Menge der eingegebenen Artikel. Dann haben wir mithilfe der JavaScript-Methode find() den Preis gefunden, der der Kaufmenge in den Preisregeln entspricht, und ihn ausgegeben. document.getElementById('quantity').value获取用户输入的商品数量。然后我们使用了JavaScript的find()方法，在定价规则中查找符合购买数量的价格，并将其输出。

数量阶梯计价

数量阶梯计价是指在同一个单品的购买数量范围内，每个数量都有一个固定价格，但随着购买数量的增多，每个价格都会发生变化。例如：购买1个商品时，价格为10元/件，购买2个商品时，价格为18元/2件，购买3个商品时，价格为24元/3件。

下面是一个实现数量阶梯计价的JavaScript代码：

//定义数量阶梯计价规则
var rule = [
  {num: 1, price: 10},
  {num: 2, price: 18},
  {num: 3, price: 24},
];

//获取单品数量
var quantity = parseInt(document.getElementById('quantity').value);

//计算价格（以购买2件商品为例）
var price = 0;
rule.forEach(function(item) {
  if(quantity >= item.num) {
    var count = parseInt(quantity / item.num);
    price += count * item.price;
    quantity -= count * item.num;
  }
});
price += quantity * rule[0].price;

console.log('价格为：' + price);

在这段代码中，我们首先定义了数量阶梯计价规则，并通过document.getElementById('quantity').value

Mengenstaffelpreise

Mengenstaffelpreise bedeuten, dass innerhalb der Kaufmengenspanne desselben Einzelprodukts jede Menge einen festen Preis hat, sich aber mit zunehmender Kaufmenge jeder Preis ändert. Beispiel: Beim Kauf von 1 Produkt beträgt der Preis 10 Yuan/Stück, beim Kauf von 2 Produkten beträgt der Preis 18 Yuan/2 Stück und beim Kauf von 3 Produkten beträgt der Preis 24 Yuan/3 Stück. 🎜🎜Das Folgende ist ein JavaScript-Code, der die mengengestufte Preisgestaltung implementiert: 🎜rrreee🎜In diesem Code definieren wir zunächst die Regeln für die mengengestufte Preisgestaltung und übergeben document.getElementById('quantity').value Holen Sie sich die Vom Benutzer eingegebene Produktmenge. Anschließend durchlaufen wir die Preisregeln, berechnen die in jeder Preisklasse gekaufte Warenmenge entsprechend der Warenmenge und berechnen den entsprechenden Gesamtpreis. Abschließend multiplizieren wir die verbleibende Menge mit dem niedrigsten Preis und addieren ihn zum Gesamtpreis, um den Endpreis zu erhalten. 🎜🎜Zusammenfassend lässt sich sagen, dass die Berechnung von Einzelauswahlpreisen bei E-Commerce-Websites sehr wichtig ist. Durch die Einleitung dieses Artikels haben wir gelernt, wie JavaScript Stapelpreise und Mengenstaffelpreise implementiert. Wir können geeignete Preisregeln entsprechend bestimmten Umständen auswählen und die Funktion der Preisberechnung durch Einzelauswahl realisieren. 🎜

Das obige ist der detaillierte Inhalt vonSo berechnen Sie den Preis mit Einzelauswahl mithilfe von JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!