Здравейте! Аз съм доставчик на превключватели и днес искам да поговорим за това как да използвам оператор switch с обекти в JavaScript. Може да звучи малко технически, но ще го разбия по начин, който е лесен за разбиране.
Първо, нека набързо да разгледаме какво представлява операторът switch в JavaScript. Инструкцията за превключване е команда за контролен поток, която ви позволява да оцените израз и да го сравните с множество случаи. Това е нещо като поредица от оператори if - else, но по по-организиран начин.
let fruit = 'ябълка'; switch (fruit) { case 'apple': console.log('Това е ябълка!'); прекъсване; case 'banana': console.log('Това е банан!'); прекъсване; по подразбиране: console.log('Не познавам този плод.'); }В този прост пример,превключвателизразът проверява стойността наплодовепроменлива. Ако е"ябълка", изпълнява кода вътре в негослучайблок. Theпрекъсвамтвърдението е от решаващо значение тук; той спира изпълнението напревключвателизраз, след като бъде намерено съвпадение. Ако няма съвпадение,по подразбиранеблокови писти.
Сега нека поговорим за използването на оператор за превключване с обекти. Обектите в JavaScript са колекция от двойки ключ - стойност. Те са супер полезни за съхраняване на свързани данни. Да предположим, че имаме обект, който представлява различни видове превключватели, които доставяме.
const switchTypes = { single: 'Единичен превключвател Powerpoint', doubleExtra: 'Двоен превключвател Powerpoint с допълнителен превключвател', устойчив на атмосферни влияния: 'Устойчив на атмосферни влияния единичен превключвател Powerpoint' }; нека selectedSwitch = 'единичен'; switch (selectedSwitch) { case 'single': console.log(`Избрахте [Single Powerpoint Switch](/electrical/switch/single-powerpoint-switch.html).`); прекъсване; case 'doubleExtra': console.log(`Избрахте [Двоен Powerpoint с допълнителен превключвател](/electrical/switch/double-powerpoint-with-extra-switch.html).`); прекъсване; case 'weatherproof': console.log(`Избрахте [Устойчив на атмосферни влияния единичен превключвател Powerpoint](/electrical/switch/weatherproof-single-powerpoint-switch.html).`); прекъсване; по подразбиране: console.log('Съжаляваме, нямаме такъв тип ключ.'); }В този код първо дефинираме обектswitchTypesкойто съпоставя кратките имена с пълните имена на нашите комутационни продукти. След това използваме aпревключвателизявление за проверка на стойносттаизбран превключвател. В зависимост от стойността, можем да покажем информация за избрания превключвател, включително връзка към продуктовата му страница.
Едно от предимствата на използването на aпревключвателс обекти е, че прави кода по-четим и поддържаем. Ако трябва да добавим нов тип превключвател в бъдеще, можем просто да добавим нова двойка ключ - стойност къмswitchTypesобект и новслучайвпревключвателизявление.
Нека вземем по-практичен пример. Да предположим, че имаме функция, която приема поръчка за превключване и връща съобщение за потвърждение.
функция processSwitchOrder(switchType) { нека съобщение; switch (switchType) { case 'single': message = `Вашата поръчка за [Single Powerpoint Switch](/electrical/switch/single-powerpoint-switch.html) е получена.`; прекъсване; case 'doubleExtra': message = `Вашата поръчка за [Двоен Powerpoint с допълнителен превключвател](/electrical/switch/double-powerpoint-with-extra-switch.html) е получена.`; прекъсване; case 'weatherproof': message = `Вашата поръчка за [Устойчив на атмосферни влияния единичен превключвател Powerpoint](/electrical/switch/weatherproof-single-powerpoint-switch.html) е получена.`; прекъсване; default: message = 'Съжаляваме, не можем да обработим вашата поръчка за този тип превключвател.'; } връщане на съобщение; } let orderType = 'doubleExtra'; console.log(processSwitchOrder(orderType));Тази функцияprocessSwitchOrderотнема aswitchTypeкато аргумент. Вътре впревключвателоператор, той създава съобщение за потвърждение въз основа на типа поръчан превключвател. АкоswitchTypeне се разпознава, връща съобщение за грешка.
Друго нещо, което трябва да се отбележи, е, че стойностите вслучайизразите трябва да съответстват на стойностите на ключовете, спрямо които проверявате. JavaScript използва строго равенство (===), за да сравните стойността впревключвателизраз със стойностите вслучайизявления. Така че се уверете, че типовете и стойностите са абсолютно еднакви.
Да кажем, че искаме да обработваме различни действия въз основа на типа превключване в по-сложен сценарий. Може би имаме функция, която изчислява цената на превключвателя въз основа на неговия тип.
функция калкулацияSwitchPrice(switchType) { нека цена; switch (switchType) { case 'single': price = 10; прекъсване; case 'doubleExtra': цена = 20; прекъсване; случай 'устойчив на атмосферни влияния': цена = 15; прекъсване; по подразбиране: цена = 0; } върната цена; } let type = 'устойчив на атмосферни влияния'; нека switchPrice = изчислиSwitchPrice(тип); console.log(`Цената на [Устойчивия на атмосферни влияния единичен превключвател Powerpoint](/electrical/switch/weatherproof-single-powerpoint-switch.html) е $${switchPrice}.`);В този пример,изчисли цена на превключванефункцията използва aпревключвателизвлечение за определяне на цената на комутатора въз основа на неговия тип. След това връща изчислената цена.
Ако работите с голям брой типове превключватели, може да обмислите използването на обектно базиран подход вместо дълъгпревключвателизявление. Можете да създадете обект, където ключовете са типовете превключватели, а стойностите са функции, които изпълняват необходимите действия.
const switchActions = { single: function() { return `Избрали сте [Single Powerpoint Switch](/electrical/switch/single-powerpoint-switch.html).`; }, doubleExtra: function() { return `Избрахте [Двоен Powerpoint с допълнителен превключвател](/electrical/switch/double-powerpoint-with-extra-switch.html).`; }, устойчив на атмосферни влияния: function() { return `Избрахте [Устойчив на атмосферни влияния единичен превключвател Powerpoint](/electrical/switch/weatherproof-single-powerpoint-switch.html).`; } }; let selectedSwitch = 'doubleExtra'; if (switchActions[chosenSwitch]) { console.log(switchActions[chosenSwitch]()); } else { console.log('Съжаляваме, нямаме този тип превключвател.'); }Този подход може да бъде по-гъвкав и по-лесен за управление с разрастването на вашето приложение.
В заключение, използвайки aпревключвателоператор с обекти в JavaScript е чудесен начин за обработка на различни случаи въз основа на свойствата на даден обект. Независимо дали създавате съобщения за потвърждение на поръчка, изчислявате цени или извършвате други действия, свързани с видовете превключватели, които доставяме, той предоставя ясен и организиран начин за писане на вашия код.
Ако се интересувате от закупуването на някой от нашите превключватели, независимо дали това еЕдин превключвател на Powerpoint,Двоен Powerpoint с допълнителен превключвател, илиУстойчив на атмосферни влияния единичен Powerpoint превключвател, не се колебайте да се свържете с нас за оферта и да започнем процеса на възлагане на поръчка. Ние сме тук, за да ви помогнем да намерите правилния превключвател за вашите нужди.
препратки:
- Документация на JavaScript в уеб документи на MDN
- „JavaScript: Окончателното ръководство“ от Дейвид Фланаган