Учебный курс по Javascript | Основы | Часть 3–9

Освоение основ

вступление

Я обещаю, что сделаю серию видео, чтобы сопровождать это. Я, вероятно, продолжу выпускать 1–10 базовых и промежуточных серий в течение следующих нескольких недель. Я буду записывать так (привлеките меня к ответственности), хахаха. Итак, мы вышли за рамки определений синтаксиса и разобрались с документацией и основами. Теперь давайте перейдем к строительным блокам вашего будущего кода! 😈

Я также начну серию Python. В основном потому, что я хочу лучше познакомиться с Django. Я предпочитаю Python из-за его надежных возможностей и смехотворно простого синтаксиса. Итак, я хочу попробовать задействовать эту технологию. Дайте мне знать, если это то, что вы хотели бы. Я также могу изучить создание различных проектов в py.

Еще раз, как всегда. Я не претендую на экспертность в этой серии. Я пытался найти соответствующие ресурсы и ссылки, которые позволили бы вам более подробно погрузиться в различные подтемы, если бы я не предоставил достаточно информации. Это всего лишь мои записи, реконструированные в более ухоженной манере.

Все отзывы положительные! Наслаждайтесь, ура!

04 Операторы

Операторы в Javascript позволяют вам манипулировать структурой данных из предыдущей части этого раздела. операторы следуют одной из двух основных схем. Я приведу базовый пример из документации Mozilla js [1].

operand1 operator operand2

Где операнд1 — это переменная, оператор — это применяемая вещь, а операнд2 — это другая переменная. К обеим переменным применяется оператор. Это похоже на a+b или a-b.

Вторая схема выглядит следующим образом:

operand1 operator 
// or 
operator operand1

Вот как это выглядит в реальной жизни:

x++ || x--
//or 
--x || ++x

Основные операторы

Есть несколько основных операторов, с которыми вы, вероятно, будете сталкиваться чаще, чем с другими. Я перечислил их ниже.

Назначение

У нас есть стандартный оператор присваивания, который вы узнали в предыдущей части этого раздела, который действует следующим образом:

x = y 
x = 0 || x = '0' // x euqals the number 0 or the string '0'

Затем есть задания, которые используют арифметику. Хотя этот раздел оператора присваивания использует арифметические операции, он все же немного отличается от арифметических операторов.

x += y
x = 5 // x is assigned the value 5
x += 1 // x is adding (appending) the value 1 to the current x value of 5
// x now equals 6

Та же концепция может быть применена к другим типам арифметических операторов.

x -= y // Substract x with the y value
x *= y // Multiply x with the y value
x /= y // Divide x with the y value
x %= y // Remainderly apply x with the y value
x **= y // Exponentially apply x with the y value
...

Я хотел добавить, что ту же концепцию можно применить и к строковым значениям, а не только к числовым:

x += y
x = 'Angel' // x is assigned the value 'Angel'
x += ' Mondragon // x is adding (appending/concatinating) the value ' Mondragon' to the current x value of 'Angel'
// x now equals 'Angel Mondragon'

Арифметика

Как вы можете сделать вывод, арифметические операторы позволяют вам использовать литеральную или переменную арифметику с 2 или более операндами для получения одного числового значения [1].

x - y // Substract x with the y value
x + y // Multiply x with the y value
x / y // Divide x with the y value
x % y // Divide x with the y value and return the remainder

Сравнение

Операторы сравнения работают так, как и следовало ожидать, они сравнивают операнды и возвращают логическое значение.

operand1 == operand2 // Returns true if both operands are equal
operand1 != operand2 // Returns true if both operands are not equal
operand1 >= operand2 // Returns true if operand1 is greater than or equal to operand2
operand1 <= operand2 // Returns true if operand1 is less than or equal to operand2
operand1 > operand2 // Returns true if operand1 is greater than operand2
operand1 < operand2 // Returns true if operand1 is less than operand2
operand1 === operand2 // Returns true if both operands are equal & the same type (i.e. both strings or numbers)
operand1 !== operand2 // Returns true if both operands are not equal & the same type (i.e. both strings or numbers)

Логический

Логические операторы позволяют сравнивать несколько выражений. Обычно это связано с использованием логического значения в выражении. Есть 3 типа логических операторов, которые вы можете использовать.

expressionOne && expressionTwo
expressionOne || expressionTwo
expressionOne != expressionTwo
expressionOne == expressionTwo

Давайте визуализируем, что здесь происходит:

True && False // Returns false because not both expressions are true
True || False // Returns true because one of the expressions are true
True != False // Returns true because true does NOT equal false
True == False // Returns false because not both expressions are equal

Сцепленные операторы сравнения

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

a > b < c

Когда js анализирует код, он считывает цепочку сравнения слева направо следующим образом:

(a > b) < c

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

Продвинутые операторы

Помимо тернарного оператора (о котором я расскажу позже в Bootcamp), вы, скорее всего, не столкнетесь со многими из этих операторов в своем начальном знакомстве с javascript. Так что не корите себя, узнавая обо всем этом слишком много пока что.

condition ? val1 : val2

Тернарии тоже могут быть вложены друг в друга.

condition ? val1 : condition2 ? val2 : val3

Если условие истинно, будет возвращено последующее значение, в противном случае будет возвращено второе значение (или условие). Если второе значение является другим условием, то цикл повторяется.

Это часто наблюдается с пользовательским вводом и значениями по умолчанию. Если пользовательский ввод обнаружен, мы можем использовать это значение, иначе мы вернем значение по умолчанию.

usrValue > 0 ? usrValue : 5

Вот значение пользовательского ввода больше 0, тогда мы вернем (используем) значение usrValue. В противном случае мы вернем значение по умолчанию 5. Вы можете видеть, что потенциальные варианты использования бесконечны.

Существуют и другие типы операторов, и я настоятельно рекомендую вам ознакомиться с документацией здесь:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Comparison

Пока это все, о чем вам следует беспокоиться.

Заворачивать

Операторы позволяют кодеру выполнять операцию над одним или несколькими операндами. Эти операции можно сравнивать по отдельности или в виде выражения с помощью логических операторов.

Вы должны сосредоточиться на понимании и применении основных операций (Присваивание Арифметика, Сравнение,иЛогический) и подумайте о том, чтобы ознакомиться с тернарным оператором для дальнейшего использования. Расширенные операторы, найденные по ссылке выше, могут быть полезны в будущем в вашем путешествии по js, но сейчас они НЕ нужны.

Ссылка

Спасибо за чтение! Если вам понравилась эта статья, не забудьте поаплодировать нам внизу! Это много значит для меня, и это помогает другим людям увидеть историю.

Свяжитесь со мной:

Инстаграм|Ютуб

Сценарист: Ангел Мондрагон.