В этой статье мы сосредоточимся на некоторых важных методах JavaScript. Разделы будут разбиты по модулям.
Строковые методы Javascript
1. charAt ()
Когда мы хотим получить доступ к отдельным символам в строке.
const name = "Thor" console.log(name.charAt(0)) //T
По-другому мы также находим в нашей строке определенный символ. Этот метод похож на поиск значения массива.
const movie = "Thor" console.log(movie[0]) //T
2. concat ()
const fristName = "Jon";
const lastName = "Doe";
console.log(fristName.concat(" ",lastName))
3. включает ()
Включает метод, проверяющий, существует ли конкретное значение или нет, и возвращает логическое значение.
Примечание. Методы include чувствительны к регистру.
const country = "Bangladesh is my Born country"
console.log(country.includes("Bangladesh")) //true
console.log(country.includes("bangladesh")) //false
4.ndsWith ()
Этот метод помогает проверить, какое предложение используется в подстроке в последней позиции.
Примечание. Метод endWith также чувствителен к регистру.
const dialog = "I will must tech you who am i?"
console.log(dialog.endsWith("i?")) //true
console.log(dialog.endsWith("i")) //false
5. indexOf ()
Этот метод indexOf ищет указанное значение и, если значение существует, возвращает индекс позиции значений, в противном случае возвращает значение -1, если не найдено.
const para = 'The quick brown fox';
console.log(para.indexOf('quick')) //4
console.log(para.indexOf('Jump')) //-1
6.lastIndexOf ()
Метод lastIndexOf () возвращает позицию последнего вхождения указанного значения в строку.
Примечание. Метод lastIndexOf также чувствителен к регистру.
const list = ["Mango", "Apple", "Mango"];
list.lastIndexOf("Mango"); //2
7. заменить ()
Метод replace заменяет символы в строке другой группой символов.
const grettings = "Welcome to Dhaka";
grettings.replace("Dhaka","Noakkhali")
//"Welcome to Noakkhali"
8. сплайсинг ()
Этот метод возвращает новую подстроку на основе предоставленных индексов.
const sing = "I am a disco dancer" console.log(sing.slice(0,5))// I am
9. разделить ()
Использование подстрок для разделения строки на массив. Он возвращает новый массив.
const ask = "How are you?"
const res = ask.split(" ") //["How", "are", "you?"]
10.startsWith ()
Этот метод возвращает логическое значение, если строка начинается с подстроки.
const myName = "I am Jobayer Hossain"
myName.startsWith("I")//true
myName.startsWith("am")//false
11. substr ()
Этот метод принимает два входных значения в качестве числа и извлекает строку с начальным номером для завершения нескольких позиций целевой строки.
const helloMsg = "Hello How are you?" const res = helloMsg.substr(1,4) //"ello"
12.toLowerCase ()
Он преобразует строку в нижний регистр.
const str1 = "Hellow World" const str1Res = str1.toLowerCase()//"hellow world"
Примечание. toLowerCase() функция не принимает никаких параметров. и не меняет исходную строку.
13. в верхний регистр ()
Метод преобразует строку в прописные буквы.
const str2 = "Hellow World" const str2Res = str2.toUpperCase() //"HELLOW WORLD"
Примечание. Метод toUpperCase () не изменяет исходную строку.
14. обрезка ()
Метод trim()the удаляет все пробелы в строке в начальной и конечной позициях.
const str3 = " Hellow World! " const str3Res = str3.trim() //"Hellow World!"
Примечание. Метод trim () не изменяет исходную строку и не принимает никаких параметров.
15.trimStart ()
Этот метод удаляет пробелы только с самого начала.
const str4 = " Hello World! "; const str4Res = str4.trimStart() // "Hello World! "
16.trimEnd ()
Этот метод удаляет пробелы только с конца.
const str5 = " HelloWorld "; const str5Res = str5.trimEnd() // " HelloWorld"
Числовые методы Javascript
1. isNaN ()
Этот метод возвращает истину, если значение не является числом.
console.log(isNaN(123)) // false
console.log(isNaN(true)) // false
console.log(isNaN(true)) // false
console.log(isNaN("Hello")) // true
console.log(isNaN("2020/4/13")) // true
console.log(isNaN(undefined)) // true
console.log(isNaN(NaN)) // true
2. parseFloat ()
Функция анализирует строку и возвращает число с плавающей запятой.
console.log(parseFloat("40")) //40
console.log(parseFloat(" 50.55 ")) //50.55
console.log(parseFloat("My ID 40")) //NaN
3.parseInt ()
Эта функция анализирует строку и возвращает целое число.
console.log(parseInt("10")) //10
console.log(parseInt(" 30.90")) //30
console.log(parseInt("36 10 20")) //36
console.log(parseInt("ID 404")) // NaN
Методы массива JavaScript
1. конкат ()
Функция concat используется для объединения двух массивов и возвращает новый массив.
const marvelHeros = ["Thor","Ant-man"] const dcHeros = ["WonderWoman","Bat Man"] const joniArrays = marvelHeros.concat(dcHeros) //["Thor","Ant-man", "WonderWoman","Bat Man"]
2. каждый ()
Этот метод проверяет, все ли элементы в массиве проходят проверку.
const agesArray = [32,42,53] const hasAudlt = agesArray.every(age=> age < 18) //false
3. фильтр ()
Этот метод генерирует новый массив со всеми элементами массива, которые передают условие.
const numberArrays = [5,9,12,22,53] const filterdLessThen20 = numberArrays.filter(num => num < 20) //[5, 9, 12]
4. найти ()
Эта функция возвращает значение массива, который передает условие.
const districts = ["comilla","Noakhalli","Lakshimipur"]
const myDistrict = districts.find((district) => {
return district == "Lakshimipur"
})
//"Lakshimipur"
5.findIndex ()
Этот метод возвращает индекс первого элемента, прошедшего проверку.
const array1 = [5, 12, 8, 230, 44]; const lessThen15 = array1.findIndex(num => num > 15) //3
6. forEach ()
Работа метода forEach выглядит как for цикл. Он просматривает все элементы в массиве и возвращает одну часть элемента.
const friendsArray = ["Jon", "Doyt", "cherry"]; const friendsName = friendsArray.forEach(name => console.log(name)) // "Jon" // "Doyt" // "cherry"
7. indexOf ()
Функция indexOf () принимает параметр и индекс элемента или -1, если он не существует.
const bestFriends = ['ant', 'bison', 'camel', 'duck', 'bison'];
console.log(bestFriends.indexOf("bison"))
8. присоединиться ()
Метод соединения объединяет все элементы массива в одну строку с разделителем.
const arrays3 = ['Fire', 'Air', 'Water']; console.log(arrays3.join()) // "Fire,Air,Water"
9. карта ()
Функция map () в своем цикле генерирует все элементы массива и возвращает новый массив на основе преобразования с каждым элементом.
let numsArray = [1, 2, 3, 4]; const singleValue = numsArray.map((num) => num + 1); console.log(singleValue); //[ 2, 3, 4, 5 ]
10.lastIndexOf ()
Метод lastIndexOf () работает так же, как метод indexOf, но основное различие между поисковой формой indexOfmethod от начала до конца и методом lastIndexOf() поиском от конца до начала.
const movies = ["Avangers", "Thor","Ant Man", "Thor"];
console.log(movies.lastIndexOf("Thor"));
//3
11. поп ()
Метод pop () удаляет последние элементы из массива.
const movies = ["Avangers", "Thor", "AntMan", "SpiderMan"]; // ["Avangers", "Thor", "AntMan", "SpiderMan"]; movies.pop(); //[ 'Avangers', 'Thor', 'AntMan' ]
12. толкать ()
Метод push добавляет элемент в конец позиции массива и возвращает новый массив.
const movies = ["Avengers", "AntMan", "SpiderMan"];
// ["Avengers", "AntMan", "SpiderMan"];
movies.push("Thor");
// ["Avengers", "AntMan", "SpiderMan", "Thor"];
13. уменьшить ()
Метод выполняет функцию для каждого элемента массива, присутствуя в одном значении суммы.
const number = [1, 2, 3, 4];
const sum = number.reduce((accumulator, currentValue) => {
return accumulator + currentValue;
});
console.log(sum); //10
14. обратный ()
Обратный метод меняет индекс элемента в массиве.
const number = [1, 2, 3, 4]; const reversed = number.reverse(); console.log(reversed); //[ 4, 3, 2, 1 ]
15. сдвиг ()
Метод сдвига удаляет первый элемент в массиве.
const friends = ["Nahid", "Sagor", "Jahid"]; friends.shift(); console.log(friends); //[ 'Sagor', 'Jahid' ]
16. ломтик ()
Метод slice принимает два параметра: начальную и конечную позиции. он возвращает новый массив без элементов начальной и конечной позиции.
const candidate = ["Sagor", "Jahid", "JonDoe"]; const selectedCandidate = candidate.slice(0, 2); console.log(selectedCandidate); //[ 'Sagor', 'Jahid' ]
17. сортировка ()
Метод sort () сортирует элементы в массиве с базой порядка. Но мы можем передать функцию обратного вызова, чтобы определить, какие шаблоны отсортировали наши данные.
let numbers = [4, 2, 5, 1, 3]; numbers.sort((a, b) => a - b); console.log(numbers); //[ 1, 2, 3, 4, 5 ]
18. сплайсинг ()
Метод splice принимает минимум 2 индекса параметров и количество элементов, удаляемых из массива. Эта функция изменяет массив.
const months = ["Jan", "March", "April", "June"]; months.splice(3, 0, "Feb"); console.log(months); //[ 'Jan', 'March', 'April', 'Feb', 'June' ]
19. переключение передач ()
Метод unshift добавляет элементы в начальную позицию массива и возвращает новую длину массива.
let numbers = [2, 3, 4]; numbers.unshift(1); console.log(numbers); //[ 1, 2, 3, 4 ]
Методы объекта JavaScript
1.Object.assign ()
Создайте новый объект из нескольких объектов.
const person = { name: "Jobayer Hossain", id: 23 };
const address = { city: "Dhaka", age: 35 };
const info = Object.assign(person, address);
console.log(info);
//{ name: 'Jobayer Hossain', id: 23, city: 'Dhaka', age: 35 }
2.Object.freeze ()
Метод Object.freeze замораживает все свойства объекта.
const person = {
name: "Jon Doe",
designation: "Front-End Developer",
skill: {
design: "Photoshop",
codeing: "Javascript",
},
};
Object.freeze(person);
person.name = "Jobayer Hossain";
person.skill.design = "Figma";
console.log(person);
//{
name: 'Jon Doe',
designation: 'Front-End Developer',
skill: { design: 'Figma', codeing: 'Javascript' }
}
3.Object.keys ()
Object.keys () возвращает все ключи объекта.
const person = {
name: "Jobayer Hossain",
age: 21,
role: "Front-End Developer",
skill: "HTML CSS JS React",
};
const ObjKeys = Object.keys(person);
console.log(ObjKeys);
//[ 'name', 'age', 'role', 'skill' ]
4.Объект.значения ()
Object.values () возвращает все значения объекта.
const person = {
name: "Jobayer Hossain",
age: 21,
role: "Front-End Developer",
skill: "HTML CSS JS React",
};
const ObjValue = Object.values(person);
console.log(ObjValue);
//['Jobayer Hossain',21,'Front-End Developer','HTML CSS JS React']
Математика JavaScript
1.Math.abs ()
Метод Math.abs () возвращает абсолютное значение числа.
console.log(Math.abs(5 - 2)); //3 console.log(Math.abs(5.9 - 5.1)); //0.8000000000000007
2.Math.sin ()
Этот метод возвращает числовое значение в пределах от -1 до 1, которое описывает синус в радианах. ref: w3schools
console.log(Math.sin(1)); //0.8414709848078965 console.log(Math.sin(-1)); //-0.8414709848078965 console.log(Math.sin(0)); //0
2.Math.cos ()
Метод cos () возвращает косинус числа.
const getRadius = (a, b) => {
return Math.cos(a) * b;
};
console.log(getRadius(1, 10)); //5.403023058681398
3. Math.exp ()
Метод exp () возвращает e ^ [число].
console.log(Math.exp(5)); //148.4131591025766 console.log(Math.exp(6)); //148.4131591025766
4.Math.floor ()
floor () округляет число в меньшую сторону.
console.log(Math.floor(5.0524352345)); //5
5.Math.log ()
Метод log () возвращает десятичный логарифм числа.
console.log(Math.log(4)); //1.3862943611198906
6.Math.min ()
Метод Math.min () принимает значение в качестве параметра и возвращает наименьшее значение.
console.log(Math.min(5, 10)); //5 console.log(Math.min(87, 210)); //87
7.Math.max ()
Метод Math.max () принимает значение в качестве параметра и возвращает максимальное значение.
console.log(Math.max(5, 10)); //10 console.log(Math.max(87, 210)); //210
8.Math.random ()
Ответьте на случайное число от 0 до 1.
console.log(Math.random()); //0.9671211951447136 console.log(Math.random()); //0.8787034350662186 console.log(Math.random()); //0.2373625260886849
9. Math.round ()
Метод round () округляет число.
console.log(Math.round(2.9)); // 3 console.log(Math.round(2.5)); // 3 console.log(Math.round(2.4)); // 2
10.Math.sqrt ()
Метод sqrt () возвращает квадратный корень числа:
console.log(Math.sqrt(16)); //4 console.log(Math.sqrt(81)); //9
