Где ошибка в switch case?

Question

[Максим]

Скачал новый ( может быть и не новый) курс от Udemy и делаю точно как в лекции но вываливается то ли ошибка то ли не пойму что это .
Вот js :

let num = 50;

switch (num) {
    case num > 60:
         console.log("Нет, переменная меньше 60");
         break;
    case num < 40:
         console.log("Нет, переменная больше 40");
         break;
    case num == 50:
         console.log("Да, переменная ровна 50");
         break;
}

Это то из за чего не работает JavaScript (ES6) code snippets

[Deprecation] Element.createShadowRoot is deprecated and will be removed in M73, around March 2019. Please use Element.attachShadow instead. See https://www.chromestatus.com/features/4507242028072960 for more details.
createShadowTree @ include.preload.js:411
ElemHide @ include.preload.js:384
(anonymous) @ include.preload.js:512
[Violation] '2P_181d5151-666a-4b23-9dd3-0fe5446b5451' handler took 242ms

Как с этим бороться ?

Comments

[Алексей Ярков]

Почему вы решили, что ошибка именно в switch/case?

[Роман]

Алексей Ярков, case проверяет переменную на строгое соответствие, так что не работает именно switch/case. А ошибка в консоли вообще из другой части кода и к switch/case не имеет ни какого отношения.

[Stalker_RED]

Роман, это неправда, в js можно использовать и выражения.
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Этим можно знатно вынести кому-то моск.

[Роман]

Stalker_RED, выражения можно, и case их посчитает, а затем строго сравнит результат выражения со значением переменной переданной в switch. Тоесть будет так:

switch (num) {
    // никогда не сработает потому что если num>60 то будет сравнивать num c true если мешьше 60 то с false
    case num > 60:
         console.log("Нет, переменная меньше 60");
         break;

// никогда не сработает потому что если num<40 то будет сравнивать num c true если бльше 40 то с false
    case num < 40:
         console.log("Нет, переменная больше 40");
         break;

// никогда не сработает потому что если num=50 то будет сравнивать num c true
    case num == 50:
         console.log("Да, переменная ровна 50");
         break;
}

Наглядная демонстрация:

Answer 1

[zendor]

В switch используется строгое сравнение ===, измените условие на switch(true), т.к. результатом ваших сравнений будет true/false.

Comments

[Максим]

я тоже согласен но вот отрывок видео - скрином сделал смотрите , где я ошибся ?
Это ссылка на видео ролик смотри от 8: 51 => https://cloud.mail.ru/public/4kxm/5C9hJEUq6

А вот скрин :

[zendor]

Максим Ленский, Он ошибся видимо и у него там был default случай, который и срабатывает.

[zendor]

Максим Ленский, P.S. Досмотрите ролик до конца.

[Максим]

zendor, в смысле он фуфло прогнал что ли ?

[zendor]

Максим Ленский, Нет, он в самом конце объясняет, что так неправильно.

[Stalker_RED]

Максим Ленский, zendor, я просто оставлю это здесь
https://developer.mozilla.org/ru/docs/Web/JavaScri...

[zendor]

Stalker_RED, Зачем мне это, я и так прекрасно понимаю как работает switch.

[Роман]

Stalker_RED, вы ведь грамотный человек, Ваши ответы всегда адекватны, и создают впечатление что открыты для новых знаний, и не считаете себя непогрешимым. Так почему же сейчас Вы уперлись лбом и ленитесь открыть консоль и проверить?

[Максим]

Роман, оказывается проблема в vs code , у автора ролика работает сниппет а у меня нет ...х.з почему

[Stalker_RED]

Роман,

Смотри, switch с условиями!!!11

[Роман]

Максим Ленский, этот сниппет каким то образом заменяет результирующмй код?

[Максим]

Роман, он просто выводит результат работы скрипта типа console.log("") а у меня шляпа какая то ...

[Роман]

Stalker_RED, вы же понимаете, что все что я писал - верно, а вариант с switch(true) это хитрожопый выверт, который тем не менее не противоречит и не опровергает ни одно из утверждений которые я писал?

Answer 2

[Роман]

Оператор case не аналог оператора if, он не умеет обрабатывать условия, а сравнивает переменную с фиксированным значением.

https://learn.javascript.ru/switch

switch (num) {
    // никогда не сработает потому что если num>60 то будет сравнивать num c true если мешьше 60 то с false
    case num > 60:
         console.log("Нет, переменная меньше 60");
         break;

// никогда не сработает потому что если num<40 то будет сравнивать num c true если бльше 40 то с false
    case num < 40:
         console.log("Нет, переменная больше 40");
         break;

// никогда не сработает потому что если num=50 то будет сравнивать num c true
    case num == 50:
         console.log("Да, переменная ровна 50");
         break;
}

Наглядная демонстрация:

Comments

[Максим]

Ну так то да ...но у чувака то работает же ...у меня нет ...

[Роман]

Максим Ленский, у какого чувака? У udemy? Не смотрел его курсы, может он не чистый js использует, а чтото типа ts с расширенным функционалом для switch, с последующей транспиляцией в js?

[Максим]

Роман, https://cloud.mail.ru/public/4kxm/5C9hJEUq6 смотри от 8: 51 минуты

[Stalker_RED]

Роман, умеет он обрабатывать
https://developer.mozilla.org/ru/docs/Web/JavaScri...

[Роман]

Максим Ленский, Stalker_RED, не буду голословным:

[Stalker_RED]

Роман, прочитать документацию лениво, да?
я там в соседней ветке оставил пример

[Роман]

Stalker_RED, станный вы человек, процитируйте хоть одно мое утверждение, которое опровергаеться вашим примером? Или у вас сегодня просто ̶П̶М̶С̶ плохое настроение, что вы лезите на рожон?

[Stalker_RED]

Роман, наиболее близкое по смыслу вот это

case проверяет переменную на строгое соответствие, так что не работает именно switch/case

Тут было три почти одинаковых высказывания о том, что switch якобы не может работать с выражениями. Сейчас часть из них уже потерли. возможно я зря вас загребаю с ними под одну гребенку (но это не точно).

Кроме того, могу еще докопаться до этого вашего высказывания

у какого чувака? У udemy? Не смотрел его курсы, может он не чистый js использует, а чтото типа ts с расширенным функционалом для switch, с последующей транспиляцией в js?

чувак с транспилером, ага.

И посмотрите в словарике что такое "лезть на рожон" :)

[Роман]

у какого чувака? У udemy? Не смотрел его курсы, может он не чистый js использует, а чтото типа ts с расширенным функционалом для switch, с последующей транспиляцией в js?

Stalker_RED, я не смотрел udemi, просто предположил, ведь автор у udemi скопировал вариант с true, переписал его один в один, и именно про этот вариат я писал что в нем ошибка. Возможно мне действительно стоило посмотреть udemy, тогда я бы не писал что в примере ошибка а писал бы что автор видео показывает что так не работает. А учитывая что zender изначально дал рабочий вариант, копиповать его в своем ответе счел некорректным, поэтому просто дал описание того в чем именно ошибка.

case проверяет переменную на строгое соответствие, так что не работает именно switch/case

Разве это высказывание ложное/неправдивое/неправильное?
Ведь case действительно проверяет на строгое соответсвие, и пример автора дейсвительно не работает.

PS: реально не понимаю, почему вы решили втоптать меня в грязь/ткнуть носом в ошибки которых я не совершал/дрпустил. Меня это очень расстроило.

[Stalker_RED]

Роман, я тоже не пользовался курсами с udemy, но не слышать о них было бы странно. Но дело не в них.

Просто высказывание

Оператор case не аналог оператора if, он не умеет обрабатывать условия

не соответствует действительности.

И где вы нашли грязь вот в этом комменте мне сложно понять. А дальше начинается цирк с примерами и прочее докапывание.

[Максим]

Stalker_RED, Что у Вас за ругачка ? Хорош уже ... я лишь сказал что switch/case у МЕНЯ не работает ...и щас тоже не работает ...

[Stalker_RED]

Максим Ленский, если вы не изменили код, то ничего удевительного. Если изменили - показывайте новый вариант. Мы же без телепатии не поймем что там у вас.

[Максим]

Stalker_RED, тоже самое всё ... просто в видео с udemy (я ссылку на ролик прикладывал) автор ролика тестирует js в vscode в сниппете ..я захотел проделать тоже самое ...установил run code который ( по идее) поддерживает много языков включая php и js

Я переписал точь в точь код ( switch/case ) выделил ( как это делал автор видео) и в выпадающем списке нажал на run code и вместо ожидаемого воспроизведения кода (аналогично console.log ) у меня вывалились ошибки которые есть в вопросе ..вот и всё

[Stalker_RED]

Максим Ленский, до конца ролик не пробовал досмотреть?

[Максим]

Stalker_RED, я полностью код переписывал - включая default

[Максим]

Stalker_RED, вот посмотри , почему щас выводится только дефолт ??

[Максим]

Stalker_RED, увидел ошибку ... case 50:

[Stalker_RED]

Максим Ленский, в общем, нужно или прописывать четко значение, как в случае case 50:
либо делать switch(true) и тогда будут работать более сложные условия.
Об этом у нас тут и срач, некоторые в это не верят.

[Роман]

Stalker_RED, вы вырываете фразу из контекста:

Оператор case не аналог оператора if, он не умеет обрабатывать условия, а сравнивает переменную с фиксированным значением.

Сказано именно про case.

Конечно, данная формулировка несколько двухсмысленной получилась, и похорошему, ее надо бы уточнить. Но следом шел пример кода, поясняющий смысл сказанного:

switch (num) {
    // никогда не сработает потому что если num>60 то будет сравнивать num c true если мешьше 60 то с false
    case num > 60:
         console.log("Нет, переменная меньше 60");
         break;

И в нем, из комментария, четко видно, что case позволяет произвести расчет выражения, но селекция нужного блока case происходит за счет именно сравнения входного значения с результатом.

[Роман]

Stalker_RED, опять размытые намеки:

либо делать switch(true) и тогда будут работать более сложные условия.
Об этом у нас тут и срач, некоторые в это не верят.

Про switch(true) сказанно абсолютно верно, но про неверие некоторых Вы опять придумываете и передергиваете. Ведь мой ответ и коментарии был именно про switch(num) и недопустимость/невозможность использования его с условиями типа (num>60) или (num<40)

Ведь основной посыл вопроса у автора был именно в том, почему не работает этот пример, а у чувака с udemy работает:

let num = 50;

switch (num) {
    case num > 60:
         console.log("Нет, переменная меньше 60");
         break;
    case num < 40:
         console.log("Нет, переменная больше 40");
         break;
    case num == 50:
         console.log("Да, переменная ровна 50");
         break;
}

И я на мой взгляд дал исчерпывающий ответ, с демонстрацией того, что данный пример не работосплсобен в принципе, и у чувака с udemy работать не может, а также выдвинул ряд предположений, как могло так получиться, что данный код заставили работать.

А срач у нас идет именно из-за того, что Вы вместо того чтобы внимательно прочитать ответ, и понять посыл и дать корректировку двухсмысленным утверждениям, начали в достаточно грубой форме тыкать носом, при этом не по существу Пример