10 тем в день: Javascript для начинающих

В этой статье сегодня я собираюсь обсудить 10 тем, связанных с javascript. Если вы новичок или хотите изучить любую из этих тем, эта статья для вас. Темы, которые я собираюсь обсудить, приведены ниже -

• включает ()
• substr ()
• parseInt ()
• каждые ()
• forEach ()
• Object.freeze ()
• Object.seal ()
• split ()
• Array.concat ()
• Math.log ()

Я собираюсь обсудить каждую тему последовательно. Давайте начнем…..

1. включает ()

В javascript метод includes() используется для определения, можно ли найти одну строку в другой строке или нет. Он возвращает логическое значение true или false. Синтаксис приведен ниже -

string.includes(searchString, position)

Из синтаксиса метода includes() мы видим, что он принимает два параметра. Первый параметр - searchString, который представляет строку, которую мы будем искать в строке, чтобы выяснить, существует ли она в этой конкретной строке или нет. Второй параметр представляет позицию, с которой будет выполняться поиск. Это необязательный параметр. Если мы его не предоставим, поиск будет осуществляться по начальному индексу. Давайте посмотрим на демонстрацию того, как работает метод includes() -

Поскольку второй параметр не указан, поиск будет производиться по начальному индексу. И здесь строка поиска «золото», поэтому она будет искать золото. Поскольку он присутствует в строке, он вернет истину.

Помните, что метод includes() чувствителен к регистру. Он не обрабатывает символы нижнего регистра так же, как символы верхнего регистра. Давайте посмотрим на примере того, что произойдет, если мы будем использовать в поисковой строке слово «золото» вместо «золото».

Здесь «Gold» используется вместо «gold», поэтому возвращается false.

2. substr ()

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

Синтаксис приведен ниже -

string.substr(start, length)

Поскольку первый параметр равен 1, поэтому первым символом возвращаемой строки будет a, потому что счетчик индексов начинается с 0. Возвращенная строка содержит три символа, потому что второй параметр равен 3.

Теперь вы можете подумать, что произойдет, если я не укажу значение второго параметра как необязательное. Что ж, если вы не укажете какое-либо значение в качестве второго параметра, тогда будет удален оставшийся символ данной строки. Демо приведено ниже -

3. parseInt ()

Функция parseInt() используется для принятия строки и системы счисления / основания в качестве параметров, а затем преобразования их в целое число. Второй параметр radix является необязательным и используется для указания, какая система счисления будет использоваться в качестве первого параметра. Если параметр radix не указан, функция parseInt() обрабатывает данный строковый параметр как десятичное значение. parseInt() преобразует строку с плавающим числом в десятичное целое число. Давайте посмотрим на пример -

Если строка не содержит числа, она возвращает NaN, поскольку строка не является числом. Демо показано на следующем изображении ниже -

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

Давайте конвертируем двоичное число в десятичное.

На картинке выше показано, что строка с цифрой «11» преобразуется в десятичное число 3. Это очень легко преобразовать, не правда ли? Теперь у вас может возникнуть один вопрос: что, если строка не состоит из двоичных чисел, что будет на выходе? Что ж, ответ на вопрос заключается в том, что на выходе будет NaN. Посмотрим на это -

То, как мы можем преобразовывать двоичные числа в десятичные числа, точно так же, как мы можем преобразовывать восьмеричные и шестнадцатеричные числа в десятичные числа.

4. каждые ()

Метод every() проверяет, все ли элементы в массиве не соответствуют тесту, реализованному предоставленной функцией. Возвращает логическое значение. Если все элементы проходят проверку, возвращается истина, в противном случае - ложь.

На приведенном выше рисунке проверьте все элементы в массиве, неважно, меньше ли оно тридцати или нет. Затем было обнаружено, что все элементы в массиве проходят тест, поэтому на выходе он возвращает true.

Что делать, если только один элемент в массиве не проходит проверку?

Ответ на вопрос - вывод будет ложным. Все элементы в массиве должны пройти проверку, реализованную функцией, чтобы на выходе получить истинное значение.

На изображении, показанном выше, мы видим, что один элемент в массиве не проходит тестовую функцию, значение элемента меньше тридцати - нет, последний элемент данного массива равен 35, что больше 30. Поскольку все элементы не проходят, поэтому результат ложный.

Одна вещь, которую мы должны помнить при использовании этого every() метода, заключается в том, что если мы вызовем этот метод для пустого массива, он вернет истину для любого условия. Демо приведено ниже -

Результат верен, поскольку мы вызываем этот метод для пустого массива.

5. forEach ()

forEach() - это метод, который выполняет предоставленную функцию обратного вызова один раз для каждого элемента массива в порядке возрастания. Нет другого способа остановить или прервать цикл forEach(), кроме как выбросить исключение.

Поскольку элементов в массиве 3, он вызывает функцию обратного вызова 3 раза. Функция обратного вызова не вызывается для свойств индекса, которые были удалены или не инициализированы.

Отсутствующее значение между Banana и Orange не вызывало функцию обратного вызова, поскольку в методе forEach() нет операции для неинициализированного значения.

6. Object.freeze ()

Метод Object.freeze () замораживает объект, и этот замороженный объект больше не может быть изменен. Он возвращает тот же объект, что и до замораживания. Мы не можем добавлять или удалять какие-либо свойства замороженного объекта. Давайте посмотрим на демонстрацию, чтобы понять -

Сначала мы объявили объект name person с возрастом свойства, а затем заморозили объект. После замораживания объекта мы попытались изменить значение свойства age, а также попытались добавить новое свойство «name». Поскольку он заморожен, он возвращает тот же объект.

7. Object.seal ()

Метод Object.seal() запечатывает объект. Он работает так же, как Object.freeze(). Как и Object.freeze(),, он также предотвращает добавление и удаление новых свойств. Но одно отличие от Object.freeze() состоит в том, что значения существующих свойств все еще могут быть изменены, пока они доступны для записи. Давайте посмотрим демо -

Сначала мы объявили объект name person с возрастом свойства, а затем запечатали объект. После этого мы попытались изменить значение свойства age, а также попытались добавить новое свойство «name». Поскольку он запечатан, он возвращается с изменяемым значением свойств возраста, которое мы можем видеть как ожидаемый результат.

8. split ()

Метод split делит строку на упорядоченный набор подстрок, помещает эту подстроку в массив и затем возвращает ее. Давайте посмотрим, как мы можем это использовать -

На изображении выше мы взяли строку с именем str, чтобы разделить ее. Мы не использовали какой-либо разделитель для разделения строки, поэтому он возвращает ту же строку в массив. Теперь вам может быть интересно, что произойдет, если мы воспользуемся разделителем для разделения строки. Давайте посмотрим демо -

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

Поскольку мы установили ограничение на 3, он возвращает первые три значения разделения строки.

9. Array.concat ()

Метод concat() используется для объединения двух или более массивов. Этот метод возвращает новый массив. Это не влияет на существующий массив, поскольку возвращает новый массив. Давайте посмотрим демо -

Если вы хотите объединить более двух массивов, вы можете это сделать. Позвольте мне показать вам, как вы можете это сделать -

10. Math.log ()

Функция Math.log () возвращает натуральный логарифм числа. Это эквивалентно ln (x) в математике. Если число отрицательное, возвращается NaN. Если число равно 0, возвращается -infinity. Давайте посмотрим демо -

Это все на сегодня.