В цій статті я поділюсь з вами найбільш корисними методами JavaScript. Ці методи для рядків допоможуть вам спростити та оптимізувати ваш код.
Ця стаття для тих, хто не є дуже досвідченим програмістом. Я рекомендую вам використовувати та практикувати всі ці методи.
Як правильно комбінувати методи для рядків?
Я також поділюсь з вами, як комбінувати методи з найкращими практиками для зменшення кількості рядків коду.
Фото створене автором.
1. trim()
Цей метод видаляє пробіли з обох кінців рядка.
const text = " Hello World ";
console.log(text.trim()); // "Hello World"
2. split()
Цей метод перетворює рядок в масив, розділяючи його за заданим роздільником.
const csv = "apple,banana,orange";
const fruits = csv.split(","); // ["apple", "banana", "orange"]
// Розділення рядка на масив символів
const str = "hello";
const chars = str.split(""); // ["h", "e", "l", "l", "o"]
3. includes()
Цей метод перевіряє, чи містить рядок інший рядок.
const sentence = "JavaScript is awesome";
console.log(sentence.includes("Script")); // true
4. startsWith() & endsWith()
Ці методи перевіряють префікси/суфікси рядка.
const filename = "document.pdf";
console.log(filename.endsWith(".pdf")); // true
console.log(filename.startsWith("doc")); // true
5. substring()
Цей метод витягує частину рядка між двома позиціями.
const email = "[email protected]";
const domain = email.substring(email.indexOf("@") + 1); // "example.com"
6. toLowerCase() & toUpperCase()
Ці методи змінюють регістр рядка.
const text = "Mixed Case";
console.log(text.toLowerCase()); // "mixed case"
console.log(text.toUpperCase()); // "MIXED CASE"
7. replace() & replaceAll()
Ці методи замінюють текст у рядках.
// Замінити перше входження
const text = "hello hello";
console.log(text.replace("hello", "hi")); // "hi hello"
// Замінити всі входження
console.log(text.replaceAll("hello", "hi")); // "hi hi"
8. padStart() & padEnd()
Ці методи допомагають додавати відступи для досягнення бажаної довжини.
const num = "42";
console.log(num.padStart(5, "0")); // "00042"
console.log(num.padEnd(5, "*")); // "42***"
9. slice()
Цей метод витягує частину рядка та підтримує від'ємні індекси.
Але він не змінює сам рядок, а повертає новий рядок, не змінюючи оригінальний.
const str = "JavaScript";
console.log(str.slice(-6)); // "Script"
console.log(str.slice(0, 4)); // "Java"
10. match()
Цей метод допомагає знайти збіги, використовуючи регулярні вирази.
const text = "Email me at [email protected]";
const emails = text.matchw.-]+@[\w.-]+\.\w+/g);
console.log(emails); // ["[email protected]"]
Поради професіоналів
Комбінуйте методи для складних перетворень.
Приклад:
const username = " [email protected] "
.trim()
.toLowerCase()
// "[email protected]"
Поєднуйте з методами масивів:
const tags = "javascript, nodejs, react"
.split(",")
.map(tag => tag.trim())
.filter(tag => tag.length > 0);
// ["javascript", "nodejs", "react"]
Якщо вам сподобалась стаття, будь ласка, поставте серце ❤️ і поділіться з друзями.
Мої інші статті, які вам можуть сподобатися:
[
Топ-10 команд Git — Посібник для початківців
Посібник з найпоширеніших команд Git.
Станьте середнім рівнем у командах Git.
medium.com
](/@Aayush-Kumar/top-10-git-commands-a-beginners-guide-b7d4f51d800b?source=post_page-----53466a2baf76--------------------------------)
[
7 розширень Chrome, які збільшать вашу продуктивність у 10 разів
Розширення Chrome, які змінять ваш робочий процес…
medium.com
](/@Aayush-Kumar/7-chrome-extensions-to-increase-your-productivity-10x-b7813c0f970b?source=post_page-----53466a2baf76--------------------------------)
[
11 прихованих API браузера, про які повинен знати кожен розробник 💡
API браузера JavaScript перетворюють вебсайти на мобільні додатки.
medium.com
](/@Aayush-Kumar/javascript-hidden-powers-browser-apis-you-never-knew-you-needed-d5125371fd25?source=post_page-----53466a2baf76--------------------------------)
Перекладено з: Every JS Programmer Should Must Know These String Methods — Essential for Everyone