Курс по JavaScript для начинающих: Модуль 8. Работа с данными. Урок 2. Работа с числами и строками

Введение

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

Работа с числами

1. Основные операции с числами В JavaScript доступны следующие арифметические операции:

• Сложение (+): let sum = 5 + 3; // 8
• Вычитание (-): let difference = 10 - 4; // 6
• Умножение (*): let product = 6 * 7; // 42
• Деление (/): let quotient = 20 / 5; // 4
• Остаток от деления (%): let remainder = 10 % 3; // 1
• Возведение в степень ()**: let power = 2 ** 3; // 8

1. Операторы сравнения Операторы сравнения возвращают булевы значения (true или false):

• Равно (==): 5 == 5 // true
• Не равно (!=): 5 != 3 // true
• Строго равно (===): 5 === 5 // true
• Строго не равно (!==): 5 !== '5' // true
• Больше (>): 6 > 4 // true
• Меньше (<): 3 < 5 // true
• Больше или равно (>=): 7 >= 7 // true
• Меньше или равно (<=): 4 <= 8 // true

1. Методы работы с числами В JavaScript доступны следующие методы для работы с числами:

• toFixed(n): Преобразует число в строку, сохраняя n знаков после запятой.
  let num = 3.14159; console.log(num.toFixed(2)); // "3.14"
• toPrecision(n): Преобразует число в строку с указанной общим количеством значащих цифр.
  let num = 3.14159; console.log(num.toPrecision(3)); // "3.14"
• toString(): Преобразует число в строку.
  let num = 255; console.log(num.toString(16)); // "ff" (шестнадцатеричное представление)

Работа со строками

1. Основные операции со строками

• Конкатенация строк (+): let fullName = "John" + " " + "Doe"; // "John Doe"
• Доступ к символам строки: let firstChar = "Hello"[0]; // "H"
• Сравнение строк: let isEqual = "apple" === "apple"; // true

1. Методы работы со строками В JavaScript доступны следующие методы для работы со строками:

• charAt(index): Возвращает символ строки на указанной позиции.
  let str = "Hello"; console.log(str.charAt(1)); // "e"
• concat(): Объединяет две или более строк и возвращает новую строку.
  let str1 = "Hello"; let str2 = "World"; console.log(str1.concat(" ", str2)); // "Hello World"
• includes(substring): Проверяет, содержит ли строка указанную подстроку.
  let str = "Hello World"; console.log(str.includes("World")); // true
• indexOf(substring): Возвращает индекс первого вхождения указанной подстроки в строке или -1, если подстрока не найдена.
  let str = "Hello World"; console.log(str.indexOf("World")); // 6
• slice(start, end): Возвращает подстроку, начиная с указанного start и заканчивая end (не включая end).
  let str = "Hello World"; console.log(str.slice(0, 5)); // "Hello"
• substring(start, end): Возвращает подстроку между start и end.
  let str = "Hello World"; console.log(str.substring(0, 5)); // "Hello"
• toLowerCase(): Преобразует строку в нижний регистр.
  let str = "Hello World"; console.log(str.toLowerCase()); // "hello world"
• toUpperCase(): Преобразует строку в верхний регистр.
  let str = "Hello World"; console.log(str.toUpperCase()); // "HELLO WORLD"
• trim(): Удаляет пробелы с начала и конца строки.
  let str = " Hello World "; console.log(str.trim()); // "Hello World"

Заключение

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

Контрольные вопросы

1. Какой оператор используется для конкатенации строк в JavaScript?

• +
• *
• -
• /

1. Какой метод строки используется для удаления пробелов с начала и конца строки?

• trim()
• slice()
• toLowerCase()
• charAt()

1. Что возвращает метод toFixed(2) для числа 3.14159?

• "3.14"
• 3.14
• "3.14159"
• 3

1. Какой метод строки возвращает подстроку, начиная с указанного start и заканчивая end (не включая end)?

• slice()
• trim()
• toUpperCase()
• concat()

1. Какой результат выполнения выражения 5 % 2?

• 1
• 2
• 0
• 2.5

1. Какой метод строки используется для проверки наличия подстроки в строке?

• includes()
• indexOf()
• slice()
• charAt()

1. Какой метод числа используется для преобразования числа в строку с указанной общей длиной?

• toPrecision()
• toFixed()
• toString()
• toLowerCase()

Упражнения

1. Создайте переменную с числом и выведите его в консоль с двумя знаками после запятой.

   let num = 12.34567;
   console.log(num.toFixed(2)); // "12.35"

2. Создайте переменную с текстом и выведите первый символ этой строки в консоль.

   let text = "JavaScript";
   console.log(text.charAt(0)); // "J"

3. Создайте переменную с числом и преобразуйте его в строку. Выведите тип данных полученной переменной в консоль.

   let num = 100;
   let strNum = num.toString();
   console.log(typeof strNum); // "string"

4. Напишите код, который проверяет, содержит ли строка «Hello World» подстроку «World».

   let str = "Hello World";
   console.log(str.includes("World")); // true

5. Создайте переменную с текстом и выведите индекс первого вхождения подстроки «Script» в строку «JavaScript».

   let str = "JavaScript";
   console.log(str.indexOf("Script")); // 4

6. Напишите код, который обрезает строку «Hello World» до подстроки «Hello».

   let str = "Hello World";
   console.log(str.slice(0, 5)); // "Hello"

7. Создайте переменную с числом и преобразуйте его в строку в шестнадцатеричном формате.

   let num = 255;
   console.log(num.toString(16)); // "ff"

8. Напишите код, который преобразует строку » Hello World » к строке без пробелов в начале и конце.

   let str = "  Hello World  ";
   console.log(str.trim()); // "Hello World"

9. Напишите код, который преобразует строку «hello world» к строке в верхнем регистре.

   let str = "hello world";
   console.log(str.toUpperCase()); // "HELLO WORLD"

10. Напишите код, который выполняет деление числа 10 на 3 и выводит остаток от деления.

   let result = 10 % 3;
   console.log(result); // 1