Elementor Header #8

32. Извлечение символов из строки

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

Основные методы

Метод charAt

  • Возвращает символ, находящийся в указанной позиции в строке.
  • Индексация начинается с нуля.
				
					let str = 'Hello, World!';
let char = str.charAt(0); // 'H'
console.log(char);

				
			

Метод charCodeAt

  • Возвращает числовой код символа, находящегося в указанной позиции в строке (код Unicode).

				
					let str = 'Hello, World!';
let charCode = str.charCodeAt(0); // 72
console.log(charCode);

				
			

Доступ к символам через индекс

  • Можно использовать синтаксис строка[индекс] для получения символа в указанной позиции.

				
					let str = 'Hello, World!';
let char = str[0]; // 'H'
console.log(char);

				
			

Примеры

Извлечение символа с помощью charAt

				
					let greeting = 'Hello';
let firstChar = greeting.charAt(0); // 'H'
let thirdChar = greeting.charAt(2); // 'l'
console.log(firstChar); // 'H'
console.log(thirdChar); // 'l'

				
			

Извлечение символа с помощью charCodeAt

				
					let greeting = 'Hello';
let firstCharCode = greeting.charCodeAt(0); // 72
let thirdCharCode = greeting.charCodeAt(2); // 108
console.log(firstCharCode); // 72
console.log(thirdCharCode); // 108

				
			

Доступ к символу через индекс

				
					let greeting = 'Hello';
let firstChar = greeting[0]; // 'H'
let thirdChar = greeting[2]; // 'l'
console.log(firstChar); // 'H'
console.log(thirdChar); // 'l'

				
			

Дополнительные примеры

Итерация по строке

				
					let str = 'JavaScript';
for (let i = 0; i < str.length; i++) {
  console.log(str.charAt(i)); // J, a, v, a, S, c, r, i, p, t
}

				
			

Преобразование символов в коды Unicode

				
					let str = 'ABC';
let unicodeValues = '';
for (let i = 0; i < str.length; i++) {
  unicodeValues += str.charCodeAt(i) + ' '; // 65 66 67
}
console.log(unicodeValues); // '65 66 67 '

				
			

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

Попытка доступа к символам за пределами строки

				
					let str = 'Hello';
console.log(str.charAt(10)); // ''
console.log(str[10]); // undefined

				
			

Неправильное использование методов

				
					let str = 'Hello';
// Ошибка: charAt не вызывается как функция
// let firstChar = str.charAt; 
// console.log(firstChar()); // TypeError

				
			

Правильное использование

				
					let str = 'Hello';
let firstChar = str.charAt(0);
console.log(firstChar); // 'H'

				
			

Заключение

Извлечение символов из строки — это важный навык при работе с текстовыми данными в JavaScript. Методы charAt, charCodeAt и доступ к символам через индекс позволяют гибко и эффективно извлекать нужные символы. Правильное использование этих методов помогает избежать ошибок и упрощает манипуляцию строками.

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

  1. Напишите функцию getFirstChar, которая принимает строку и возвращает первый символ.
  2. Напишите функцию getLastChar, которая принимает строку и возвращает последний символ.
  3. Напишите функцию getCharCodes, которая принимает строку и возвращает массив кодов Unicode всех символов в строке.

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

				
					// Задание 1
function getFirstChar(str) {
  return str.charAt(0);
}
console.log(getFirstChar('Hello')); // 'H'

// Задание 2
function getLastChar(str) {
  return str.charAt(str.length - 1);
}
console.log(getLastChar('Hello')); // 'o'

// Задание 3
function getCharCodes(str) {
  let charCodes = [];
  for (let i = 0; i < str.length; i++) {
    charCodes.push(str.charCodeAt(i));
  }
  return charCodes;
}
console.log(getCharCodes('ABC')); // [65, 66, 67]

				
			

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

logo