Pada artikel ini, kami akan fokus pada beberapa metode JavaScript yang penting. Bagian-bagian tersebut akan dipecah berdasarkan modul.
Metode String Javascript
1. karakter()
Saat kita ingin mengakses karakter individual dalam sebuah string.
const name = "Thor" console.log(name.charAt(0)) //T
Dengan cara lain, kami juga menemukan karakter tertentu dalam string kami. Metode ini seperti pencarian nilai array.
const movie = "Thor" console.log(movie[0]) //T
2. pertemuan()
const fristName = "Jon"; const lastName = "Doe"; console.log(fristName.concat(" ",lastName))
3.termasuk()
Menyertakan metode yang memeriksa apakah nilai tertentu ada atau tidak, dan mengembalikan nilai boolean.
Catatan:Metode penyertaan peka huruf besar-kecil.
const country = "Bangladesh is my Born country" console.log(country.includes("Bangladesh")) //true console.log(country.includes("bangladesh")) //false
4. berakhirDengan()
Metode ini membantu untuk memeriksa kalimat mana yang menggunakan substring di posisi terakhir.
Catatan:Metode endWith juga peka huruf besar-kecil.
const dialog = "I will must tech you who am i?" console.log(dialog.endsWith("i?")) //true console.log(dialog.endsWith("i")) //false
5.indeks()
Metode indexOf ini mencari nilai yang ditentukan, dan jika ada nilai, kembalikan nilai indeks posisi, jika tidak, kembalikan nilai -1 jika tidak ditemukan.
const para = 'The quick brown fox'; console.log(para.indexOf('quick')) //4 console.log(para.indexOf('Jump')) //-1
6.Indeks Terakhir()
Metode lastIndexOf() mengembalikan posisi kemunculan terakhir dari nilai tertentu dalam sebuah string.
Catatan:Metode lastIndexOf juga peka huruf besar-kecil.
const list = ["Mango", "Apple", "Mango"]; list.lastIndexOf("Mango"); //2
7.ganti()
Metode ganti menggantikan karakter dalam string dengan kelompok karakter lain.
const grettings = "Welcome to Dhaka"; grettings.replace("Dhaka","Noakkhali") //"Welcome to Noakkhali"
8.sambungan()
Metode ini mengembalikan substring baru berdasarkan indeks yang disediakan.
const sing = "I am a disco dancer" console.log(sing.slice(0,5))// I am
9.berpisah()
Menggunakan substring untuk membagi string menjadi array. Ini mengembalikan array baru.
const ask = "How are you?" const res = ask.split(" ") //["How", "are", "you?"]
10.mulaiDengan()
Metode ini mengembalikan nilai boolean jika string dimulai dengan substring.
const myName = "I am Jobayer Hossain" myName.startsWith("I")//true myName.startsWith("am")//false
11.substr()
Metode ini menerima dua nilai masukan sebagai angka dan mengekstrak string dengan angka awal untuk mengakhiri beberapa posisi string target.
const helloMsg = "Hello How are you?" const res = helloMsg.substr(1,4) //"ello"
12.toLowerCase()
Ini mengubah string menjadi huruf kecil.
const str1 = "Hellow World" const str1Res = str1.toLowerCase()//"hellow world"
Catatan: Fungsi toLowerCase()
tidak menerima parameter apa pun. dan tidak mengubah string aslinya.
13.toUpperCase()
Metode ini mengubah string menjadi huruf besar.
const str2 = "Hellow World" const str2Res = str2.toUpperCase() //"HELLOW WORLD"
Catatan: Metode toUpperCase() tidak mengubah string asli.
14.trim()
Metode trim()
the menghilangkan semua spasi pada string di posisi awal dan akhir.
const str3 = " Hellow World! " const str3Res = str3.trim() //"Hellow World!"
Catatan: Metode trim() tidak mengubah string awal, dan tidak menerima parameter apa pun.
15.trimMulai()
Metode ini hanya menghilangkan spasi dari awal.
const str4 = " Hello World! "; const str4Res = str4.trimStart() // "Hello World! "
16.trimEnd()
Metode ini hanya menghilangkan spasi di bagian akhir.
const str5 = " HelloWorld "; const str5Res = str5.trimEnd() // " HelloWorld"
Metode Nomor Javascript
1.isNaN()
Metode ini mengembalikan nilai true jika nilainya bukan angka.
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()
Fungsi ini mem-parsing string dan mengembalikan angka floating-point.
console.log(parseFloat("40")) //40 console.log(parseFloat(" 50.55 ")) //50.55 console.log(parseFloat("My ID 40")) //NaN
3.parseInt()
Fungsi ini mem-parsing string dan mengirimkan bilangan bulat.
console.log(parseInt("10")) //10 console.log(parseInt(" 30.90")) //30 console.log(parseInt("36 10 20")) //36 console.log(parseInt("ID 404")) // NaN
Metode Array JavaScript
1.kontak()
Fungsi concat digunakan untuk menggabungkan dua array dan mengembalikan array baru.
const marvelHeros = ["Thor","Ant-man"] const dcHeros = ["WonderWoman","Bat Man"] const joniArrays = marvelHeros.concat(dcHeros) //["Thor","Ant-man", "WonderWoman","Bat Man"]
2.setiap()
Metode ini menguji apakah semua elemen dalam array lulus pengujian.
const agesArray = [32,42,53] const hasAudlt = agesArray.every(age=> age < 18) //false
3.filter()
Metode ini menghasilkan array baru dengan semua elemen array yang melewati suatu kondisi.
const numberArrays = [5,9,12,22,53] const filterdLessThen20 = numberArrays.filter(num => num < 20) //[5, 9, 12]
4.temukan()
Fungsi ini mengembalikan nilai array yang melewati suatu kondisi.
const districts = ["comilla","Noakhalli","Lakshimipur"] const myDistrict = districts.find((district) => { return district == "Lakshimipur" }) //"Lakshimipur"
5.findIndex()
Metode ini mengembalikan indeks item pertama yang lolos pengujian.
const array1 = [5, 12, 8, 230, 44]; const lessThen15 = array1.findIndex(num => num > 15) //3
6.untukSetiap()
forEach metode kerja terlihat seperti loop for
. Ini mengulang semua elemen dalam array dan mengembalikan satu bagian elemen.
const friendsArray = ["Jon", "Doyt", "cherry"]; const friendsName = friendsArray.forEach(name => console.log(name)) // "Jon" // "Doyt" // "cherry"
7.indeks()
Fungsi indexOf() menerima parameter dan indeks item atau -1 jika tidak ada.
const bestFriends = ['ant', 'bison', 'camel', 'duck', 'bison']; console.log(bestFriends.indexOf("bison"))
8.gabung()
Metode join menggabungkan semua elemen array menjadi satu string dengan pemisah.
const arrays3 = ['Fire', 'Air', 'Water']; console.log(arrays3.join()) // "Fire,Air,Water"
9.peta()
Fungsi map() perulangannya membuang semua elemen array dan mengembalikan array baru berdasarkan transformasi dengan setiap item.
let numsArray = [1, 2, 3, 4]; const singleValue = numsArray.map((num) => num + 1); console.log(singleValue); //[ 2, 3, 4, 5 ]
10.IndeksTerakhir()
Metode lastIndexOf() bekerja seperti metode indexOf tetapi perbedaan utama antara formulir pencarian indexOf
metode dari awal hingga akhir, dan metode lastIndexOf()
pencarian dari awal ke awal.
const movies = ["Avangers", "Thor","Ant Man", "Thor"]; console.log(movies.lastIndexOf("Thor")); //3
11.pop()
Metode pop() menghapus elemen terakhir dari array.
const movies = ["Avangers", "Thor", "AntMan", "SpiderMan"]; // ["Avangers", "Thor", "AntMan", "SpiderMan"]; movies.pop(); //[ 'Avangers', 'Thor', 'AntMan' ]
12.tekan()
Metode push menambahkan elemen ke akhir posisi array dan mengembalikan array baru.
const movies = ["Avengers", "AntMan", "SpiderMan"]; // ["Avengers", "AntMan", "SpiderMan"]; movies.push("Thor"); // ["Avengers", "AntMan", "SpiderMan", "Thor"];
13.mengurangi()
Metode ini melakukan fungsi pada setiap elemen array, terjadi dalam satu nilai jumlah.
const number = [1, 2, 3, 4]; const sum = number.reduce((accumulator, currentValue) => { return accumulator + currentValue; }); console.log(sum); //10
14.terbalik()
Metode sebaliknya membalikkan indeks elemen dalam array.
const number = [1, 2, 3, 4]; const reversed = number.reverse(); console.log(reversed); //[ 4, 3, 2, 1 ]
15.pergeseran()
Metode shift menghapus elemen pertama dalam array.
const friends = ["Nahid", "Sagor", "Jahid"]; friends.shift(); console.log(friends); //[ 'Sagor', 'Jahid' ]
16.iris()
Metode irisan menerima dua parameter posisi awal dan akhir. ia mengembalikan array baru tanpa elemen posisi awal dan akhir.
const candidate = ["Sagor", "Jahid", "JonDoe"]; const selectedCandidate = candidate.slice(0, 2); console.log(selectedCandidate); //[ 'Sagor', 'Jahid' ]
17.sort()
Metode sort() mengurutkan elemen dalam array dengan basis pesanan. Tapi kita bisa meneruskan fungsi panggilan balik untuk menentukan pola mana yang mengurutkan data kita.
let numbers = [4, 2, 5, 1, 3]; numbers.sort((a, b) => a - b); console.log(numbers); //[ 1, 2, 3, 4, 5 ]
18.sambungan()
Metode splice menerima minimal 2 parameter indeks dan berapa banyak elemen yang dihapus dari array. Fungsi ini mengubah array.
const months = ["Jan", "March", "April", "June"]; months.splice(3, 0, "Feb"); console.log(months); //[ 'Jan', 'March', 'April', 'Feb', 'June' ]
19.unshift()
Metode unshift menambahkan elemen di posisi awal array dan mengembalikan panjang array baru.
let numbers = [2, 3, 4]; numbers.unshift(1); console.log(numbers); //[ 1, 2, 3, 4 ]
Metode Objek JavaScript
1.Objek.penetapan()
Buat objek baru dari beberapa objek.
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.Objek.beku()
Metode Object.freeze membekukan semua properti objek.
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.Objek.kunci()
Object.keys() mengembalikan semua kunci suatu objek.
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.Objek.nilai()
Object.values() mengembalikan semua nilai suatu objek.
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']
Matematika JavaScript
1.Matematika.abs()
Metode Math.abs() mengembalikan nilai absolut suatu angka.
console.log(Math.abs(5 - 2)); //3 console.log(Math.abs(5.9 - 5.1)); //0.8000000000000007
2.Matematika.dosa()
Metode ini mengembalikan nilai numerik dalam -1 dan 1, yang menggambarkan sinus dalam radian.ref: w3schools
console.log(Math.sin(1)); //0.8414709848078965 console.log(Math.sin(-1)); //-0.8414709848078965 console.log(Math.sin(0)); //0
2.Matematika.cos()
Metode cos() mengembalikan kosinus suatu bilangan.
const getRadius = (a, b) => { return Math.cos(a) * b; }; console.log(getRadius(1, 10)); //5.403023058681398
3. Matematika.exp()
Metode exp() mengembalikan e^[angka].
console.log(Math.exp(5)); //148.4131591025766 console.log(Math.exp(6)); //148.4131591025766
4.Matematika.lantai()
metode floor() membulatkan angka ke bawah.
console.log(Math.floor(5.0524352345)); //5
5.Matematika.log()
Metode log() mengembalikan logaritma umum suatu angka.
console.log(Math.log(4)); //1.3862943611198906
6.Matematika.min()
Metode Math.min() menerima nilai sebagai parameter dan mengembalikan nilai terendah.
console.log(Math.min(5, 10)); //5 console.log(Math.min(87, 210)); //87
7.Matematika.max()
Metode Math.max() menerima nilai sebagai parameter dan mengembalikan nilai tertinggi.
console.log(Math.max(5, 10)); //10 console.log(Math.max(87, 210)); //210
8.Matematika.acak()
Merespon nomor acak antara 0 dan 1.
console.log(Math.random()); //0.9671211951447136 console.log(Math.random()); //0.8787034350662186 console.log(Math.random()); //0.2373625260886849
9.Matematika.bulat()
Metode round() membulatkan suatu angka.
console.log(Math.round(2.9)); // 3 console.log(Math.round(2.5)); // 3 console.log(Math.round(2.4)); // 2
10.Matematika.sqrt()
Metode sqrt() mengembalikan akar kuadrat dari sebuah angka:
console.log(Math.sqrt(16)); //4 console.log(Math.sqrt(81)); //9