Главная страница » JavaScript » 23. Изменение переменной

23. Изменение переменной

Переменные в JavaScript позволяют хранить и изменять данные. В этом уроке мы рассмотрим, как изменять значения переменных, объявленных с помощью let, const, и var, а также изучим основные правила и распространенные ошибки при изменении переменных.

Основные концепции

Изменение переменных, объявленных с let и var:

Переменные, объявленные с let и var, могут быть изменены после их первоначальной инициализации.

Пример:

				
					let number = 10;
number = 20; // Изменение значения переменной
console.log(number); // Output: 20

var text = 'Hello';
text = 'World'; // Изменение значения переменной
console.log(text); // Output: World

Константы (const):

Переменные, объявленные с const, не могут быть изменены после их инициализации. Попытка изменить значение вызовет ошибку.

Пример:

				
					const pi = 3.14;
// pi = 3.14159; // Ошибка: Нельзя изменить значение константы
console.log(pi); // Output: 3.14

Изменение содержимого объектов и массивов, объявленных с const:

Хотя сам объект или массив, объявленный с const, не может быть переназначен, его содержимое можно изменять.

Пример:

				
					const person = {
  name: 'Alice',
  age: 25
};
person.age = 26; // Изменение свойства объекта
console.log(person.age); // Output: 26

const numbers = [1, 2, 3];
numbers.push(4); // Добавление элемента в массив
console.log(numbers); // Output: [1, 2, 3, 4]

Примеры изменения переменных

Изменение числовых значений:

				
					let count = 0;
count += 5; // count = count + 5
console.log(count); // Output: 5

count -= 2; // count = count - 2
console.log(count); // Output: 3

count *= 3; // count = count * 3
console.log(count); // Output: 9

count /= 3; // count = count / 3
console.log(count); // Output: 3

Изменение строковых значений:

				
					let greeting = 'Hello';
greeting += ' World'; // greeting = greeting + ' World'
console.log(greeting); // Output: Hello World

Изменение значений в массивах:

				
					let colors = ['red', 'green', 'blue'];
colors[0] = 'yellow'; // Изменение элемента массива
console.log(colors); // Output: ['yellow', 'green', 'blue']

Изменение свойств объектов:

				
					let car = {
  make: 'Toyota',
  model: 'Camry',
  year: 2019
};
car.year = 2020; // Изменение свойства объекта
console.log(car.year); // Output: 2020

Распространенные ошибки

Изменение констант:

Попытка изменить значение переменной, объявленной с const, приведет к ошибке.

				
					const maxSpeed = 120;
// maxSpeed = 130; // Ошибка: Нельзя изменить значение константы

Ошибки при изменении объектов и массивов:

Несмотря на то, что содержимое объектов и массивов, объявленных с const, можно изменять, саму переменную переназначить нельзя.

				
					const user = {
  name: 'Bob'
};
user.name = 'Charlie'; // Разрешено
// user = { name: 'Dave' }; // Ошибка: Нельзя переназначить константу

Неинициализированные переменные:

Переменные, объявленные с let или var, должны быть инициализированы перед использованием, иначе их значение будет undefined.

				
					let score;
console.log(score); // Output: undefined
score = 10;
console.log(score); // Output: 10

Заключение

Понимание того, как изменять переменные в JavaScript, является важным навыком для написания гибкого и эффективного кода. Используйте let для переменных, которые нужно будет изменять, и const для значений, которые не должны изменяться. Это поможет вам избежать ошибок и сделать код более читаемым.

Тестовое задание

Объявите переменную с использованием let и измените ее значение несколько раз, используя арифметические операции.
Объявите константу с использованием const и попробуйте изменить ее значение. Объясните результат.
Создайте объект и массив с использованием const и измените их содержимое. Объясните, почему это возможно.

Пример решения:

				
					// Задание 1
let score = 10;
score += 5;
console.log(score); // Output: 15
score -= 3;
console.log(score); // Output: 12

// Задание 2
const maxLimit = 100;
console.log(maxLimit); // Output: 100
// maxLimit = 200; // Ошибка: Нельзя изменить значение константы

// Задание 3
const book = {
  title: '1984',
  author: 'George Orwell'
};
book.author = 'Orwell';
console.log(book); // Output: { title: '1984', author: 'Orwell' }

const fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits); // Output: ['apple', 'banana', 'orange']

Этот урок поможет вам лучше понять, как изменять переменные в JavaScript, и научиться избегать распространенных ошибок.

Регистрация

Вход

Поиск

23. Изменение переменной

Основные концепции

Примеры изменения переменных

Распространенные ошибки

Заключение

Тестовое задание