Эй ребята, как дела. Сегодня я собираюсь обсудить самые распространенные и крутые встроенные функции JavaScript, которые должны понадобиться вам при каждом программировании. На самом деле, я собираюсь описать некоторые классные встроенные методы работы со строками, числами, массивами, объектами и математическими вычислениями также в JavaScript. Так почему поздно, давайте углубимся в это.
Наиболее распространенные строковые методы
1. конкат()
Он используется для добавления или объединения нескольких строк в одну строку. Когда нам нужно добавить еще одну строку, мы можем использовать ее.
oneString.concat («разделитель», другая строка)
const firstName = "Jhon";
const lastName = "Doe";
const title = "2nd";
// Concatenation between two String.
const twoStr = firstName.concat(' ', lastName);
console.log(twoStr); // expected output: Jhon Doe
// Concatenation among three String.
const threeStr = firstName.concat(' ', lastName,' ', title);
console.log(threeStr); // expected output: Jhon Doe 2nd
// feel free to use ' ', '+', ',' what you want as string separator.
2. включает()
include() используется для проверки выбранных элементов строки или символов из строки, это также может быть слово. И если он получает целевую вещь, он возвращает true, в противном случае возвращает false.
string.includes('строковые символы', строка)
const string = "JavaScript is cool";
const lang = "JavaScript";
string.includes(lang) ? console.log(true) : console.log(false);
// expected output: true
// we can check only one characters or more than one. For Example:
string.includes('J') ? console.log(true) : console.log(false);
// expected output: true
string.includes('Java') ? console.log(true) : console.log(false);
// expected output: true
string.includes('java') ? console.log(true) : console.log(false);
// expected output: false // It's case-sensitive also.
3. разделить()
split() используется для разделения или разделения строки на основе различных типов разделителей, таких как ‘ ‘ или запятая и то, что вы хотите. Важно иметь в виду, что он возвращает массив в качестве вывода.
const personName = "Jhon Doe";
const splitPersonName = personName.split(' ');
console.log(splitPersonName); // expected output: [ 'Jhon', 'Doe' ]
const greetings = 'hi, hey, hello';
const splitGreetings = greetings.split(', ');
console.log(splitGreetings);
// expected output: [ 'hi', 'hey', 'hello' ]
4. срез ()
Если вы хотите скопировать строку по значению, а не по ссылке, вам поможет метод slice(). Вы можете изменить или сделать что-либо со скопированной строкой, но предыдущая строка останется неизменной.
string.slice('startsIndex', 'endsIndex')
const string = "JavaScript is Beauty." const sliceString = string.slice(0, 11) console.log(sliceString); // expected output: JavaScript
5. символ()
Он возвращает строковый символ в соответствии с индексом строки. Если вам нужно знать конкретный символ строки, предоставляющий индекс строки, вы можете легко получить его, используя этот классный метод.
string.charAt (индекс)
const string = 'John Doe'; const gotChar = string.charAt(2); console.log(gotChar); // expected output: h const anotherChar = string.charAt(0); console.log(anotherChar); // expected output: J
6. подстрока()
Метод subStr используется для получения части строки. Он дает два аргумента. один для начального индекса, а другой для длины. Если вы укажете только один аргумент, который будет принят за начальный индекс, последний индекс строки будет автоматически принят за длину.
string.subStr (startsIndex, длина);
const string = 'This is a simple text'; const gotText = string.substr(9, 7); console.log(gotText); // expected output: simple const anotherText = string.substr(9); console.log(anotherText); // expected output: simple text
7. обрезать()
trim() — одна из замечательных функций строки в javascript. Он использовался для удаления лишних пробелов как в начальной, так и в конечной точке строки.
Мы также можем использовать функцию trimStart() для удаления пробелов в начальной точке и функцию trimEnd() для удаления пробелов в конечной точке.
string.trim()
string.trimStart();
string.trimEnd();
const name = ' John Doe '; const trimName = name.trim(); console.log(trimName); // expected output: John Doe const age = ' 32'; const trimAtStart = age.trimStart(); console.log(trimAtStart); // expected output: 32 const address = 'Chittagong '; const trimAtEnd = address.trimEnd(); console.log(trimAtEnd); // expected output: Chittagong
8. Начинается с() и заканчиваетсяС()
statsWith() используется для сопоставления строкового символа или символов в начальной точке определенной строки. С другой стороны, endWith() используется для сопоставления конечного символа или символов в конечной точке определенной строки.
string.endsWith(chars);
string.startsWith(chars);
const greeting = "Hi, John";
greeting.startsWith('Hi') ? console.log("True") : console.log("False");
// expected output: true;
greeting.startsWith('H') ? console.log("True") : console.log("False");
// expected output: true;
greeting.endsWith('n') ? console.log("True") : console.log("False");
// expected output: true;
greeting.endsWith('John') ? console.log("True") : console.log("False");
// expected output: true;
greeting.endsWith('john') ? console.log("True") : console.log("False");
// expected output: false; // Because, It's case-sensetive
9. indexOf() и lastIndexOf()
IndexOf() возвращает общую длину символов до поиска символа или символов. И lastIndexOf() также возвращает общую длину символов до последнего поискового символа или символов.
string.indexOf(chars);
string.lastIndexOf(chars);
const paragraph = 'I am a dog lover. I love dog'; const serchTxt = 'dog'; console.log(paragraph.lastIndexOf(serchTxt)); // expected output: 25 console.log(paragraph.indexOf(serchTxt)); // expected output: 7
10. toUpperCase() и toLowerCase()
toUpperCase() используется для преобразования всех символов строки в верхний регистр, я имею в виду заглавную букву, а toLowerCase() используется для преобразования всех символов строки в нижний регистр, я имею в виду строчную букву.
string.toUpperCase();
string.toLowerCase();
const string = "Hey, Programmers"; const upperCase = string.toUpperCase(); console.log(upperCase); // expected output: HEY, PROGRAMMERS const lowerCase = string.toLowerCase(); console.log(lowerCase); // expected output: hey, programmers
Бонусный контент: числовые методы JavaScript
1. естьНан()
NaN означает не число. Если аргументы не преобразованы в число, то возвращается NaN. isNaN() используется для проверки числа. Если его аргумент является числом или числом, например строкой, он возвращает false, а в противном случае возвращает true.
isNaN(аргумент)
const add = (a, b) => {
if (isNaN(a) || isNaN(b)) {
return "Arguments must a number!";
} else {
return a + b;
}
}
const sum = add(2, 2);
console.log(sum); // expected output: 4
console.log(isNaN(2)); // expected output: false
console.log(isNaN('2')); // expected output: false
console.log(isNaN('apple')); // expected output: true
2. анализировать с плавающей запятой ()
parseFloat() используется для возврата числа из строки. Если ваш аргумент является числом, он возвращает число. Если аргумент является строкой, он пытается вернуть число. Если она не может преобразовать строку в число, эта функция возвращает NaN.
parseFloat(ул)
const numberTypedString = '100'; const number = parseFloat(numberTypedString); console.log(number); // expected output: 100 console.log(typeof number); // expected output: number const name = 'foo'; const parseName = parseFloat(name); console.log(parseName); // expected output: NaN
3. разборInt()
Он используется для получения значения целочисленного типа на основе различных типов систем счисления, таких как двоичная, восьмеричная, десятичная шестнадцатеричная. Он принимает два аргумента, в которых один аргумент принимает целое или строковое значение, а другой аргумент принимает основание системы счисления, например 2 для двоичной системы счисления, 8 для восьмеричной, 10 для десятичной, 16 для шестнадцатеричной.
parseInt('число', основание)
const numberLikeString = '100'; const decimalToInt = parseInt(numberLikeString, 10); // 10 is the base of decimal console.log(decimalToInt); // expected output: 100 const binaryNumber = 11; const binaryToInt = parseInt(binaryNumber, 2); // 2 is the base of binary console.log(binaryToInt); // expected output: 3 const hexaDecimal = '12a'; const hexaToInt = parseInt(hexaDecimal, 16); // 16 is the base hexadecimal. console.log(hexaToInt); // expected output: 298
Это все о крутых строковых методах в JavaScript. В этой статье я пытаюсь охватить некоторые из наиболее часто используемых строковых методов JS, которые необходимы для ежедневного решения проблем программирования. Спасибо за то, что ты со мной. Если у вас есть какие-либо вопросы или предложения, не забудьте заглянуть ниже.
