Hai. Pemrograman bisa membuat kewalahan 😫 tetapi begitu Anda merasa nyaman dengan beberapa konsep dasar, itu mulai terasa seperti kekuatan super 🦸♀️ dan Javascript adalah salah satu bahasa paling keren untuk dipelajari. 💯
Dalam dokumen ini Anda dapat menemukan ringkasan penggunaan Metode Bawaan dalam Javascript. Kami akan menutupi
- Apa itu metode bawaan?
- Menggunakan Dokumen
- Metode bawaan yang berguna
- Tanggal
- Matematika
- Rangkaian
- Himpunan
- Objek
Jika Anda memerlukan bantuan dengan penyiapan, Anda dapat menemukan beberapa bantuan di bawah 👇
Pengaturan Dasar
Apa itu metode bawaan?
Metode JavaScript adalah properti yang berisi definisi fungsi. Dengan kata lain, ketika data yang disimpan pada suatu objek adalah fungsi, kita menyebutnya sebagai metode
Untuk membedakan antara properti dan metode, kita dapat memikirkannya seperti ini. Properti adalah apa yang dimiliki objek, sedangkan metode adalah apa yang dilakukan objek
Karena metode JavaScript adalah tindakan yang dapat dilakukan pada objek, pertama-tama kita perlu memiliki objek untuk memulai. Ada beberapa objek yang dibangun ke dalam JavaScript yang bisa kita gunakan
Objek bawaan standar
Bagaimana cara mengakses metode objek?
Kami memanggil, atau menggunakan, metode dengan menambahkan instance
- periode (operator titik)
- nama metode
- tanda kurung buka dan tutup
Anda mengakses metode objek dengan sintaks berikut
objectName.methodName()
Masuk ke mode layar penuh Keluar dari mode layar penuh
Properti methodName akan mengeksekusi (sebagai fungsi) ketika dipanggil dengan ()
Jika Anda mengakses properti methodName, tanpa (), ia akan mengembalikan definisi fungsi alih-alih mengeksekusi tindakan
Menggunakan dokumen
Saya tidak bisa cukup menekankan betapa pentingnya memahami dokumentasi resmi. Anda tidak perlu menghafal semuanya, tetapi Anda harus tahu di mana atau bagaimana menemukan sesuatu yang Anda butuhkan
Itu sebabnya menggunakan dokumentasi adalah bagian dari kehidupan sehari-hari para pengembang. Pengembang menggunakan dokumentasi sebagai alat referensi. Ini menjelaskan kata kunci, metode, dan sintaks JavaScript
Luangkan waktu sejenak untuk melihat dokumentasi javascript oleh MDN Web Docs dan bermain-main dengan tautannya. Ada satu ton informasi yang sangat berguna tentang javascript di halaman ini
JavaScript. MDN
Tidak masalah jika Anda tidak segera memahami semuanya. Semua orang melewati jalur pembelajaran yang berbeda ¡Tetaplah berlatih
Metode Bawaan yang Berguna
Objek bawaan tertentu memiliki metode bawaan berbeda yang dapat kita gunakan. Di bawah ini Anda dapat menemukan beberapa metode berguna untuk objek Date, Math, String, Array dan Object. 👇
Tanggal
Objek Tanggal JavaScript mewakili satu momen dalam waktu dalam format yang tidak bergantung pada platform. Objek tanggal berisi Angka yang mewakili milidetik sejak 1 Januari 1970 UTC
Metode bawaan yang berguna untuk objek Tanggal
Tanggal()
Saat dipanggil sebagai fungsi, menampilkan representasi string dari tanggal dan waktu saat ini, persis seperti console.log('hello'.toUpperCase()); // Prints 'HELLO' 7
Tanggal baru()
Saat dipanggil sebagai konstruktor, menampilkan objek ________1______8 baru
Tanggal. sekarang()
Mengembalikan nilai numerik yang sesuai dengan waktu saat ini—jumlah milidetik yang berlalu sejak 1 Januari 1970 00. 00. 00 UTC, dengan detik kabisat diabaikan
Tanggal. mengurai()
Mengurai representasi string dari tanggal dan mengembalikan jumlah milidetik sejak 1 Januari 1970, 00. 00. 00 UTC, dengan detik kabisat diabaikan. Catatan. Penguraian string dengan console.log('hello'.toUpperCase()); // Prints 'HELLO' _9 sangat tidak disarankan karena perbedaan dan ketidakkonsistenan browser
Anda dapat menemukan lebih banyak informasi tentang metode bawaan untuk objek Date dalam dokumentasi
Tanggal - JavaScript. MDN
Matematika
Math adalah objek bawaan yang memiliki properti dan metode untuk konstanta dan fungsi matematika
Metode bawaan yang berguna untuk objek Matematika
Matematika. bulat (angka)
Mengembalikan angka yang diberikan dibulatkan ke bilangan bulat terdekat (bilangan bulat)
Matematika. lantai (bil)
Membulatkan ke bawah ke bilangan bulat sebelumnya
Matematika. ceil(bil)
Membulatkan ke bilangan bulat berikutnya
Matematika. sqrt(x) & Matematika. cbrt(x)
Mengembalikan akar kuadrat dari x dan akar pangkat tiga dari x
Matematika. PI
Secara teknis bukan metode, tapi properti. Berguna jika Anda membutuhkan Pi
Anda dapat menemukan lebih banyak informasi tentang metode bawaan untuk objek Math di dokumentasi
Matematika - JavaScript. MDN
Rangkaian
Objek String digunakan untuk mewakili dan memanipulasi urutan karakter. String berguna untuk menyimpan data yang dapat direpresentasikan dalam bentuk teks, dan JavaScript menyediakan sejumlah metode bawaan string yang berguna
E. g. 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great']
_0
console.log('hello'.toUpperCase()); // Prints 'HELLO' _
Masuk ke mode layar penuh Keluar dari mode layar penuh
Metode bawaan yang berguna untuk objek String
rangkaian. panjangnya()
Mengembalikan panjang string
rangkaian. toUpperCase()
Ubah semua karakter dalam string menjadi huruf kapital. Non-destruktif — mengembalikan string baru, tidak mengubah string asli
rangkaian. ke Huruf Kecil()
Seperti toUpperCase. Mengubah semua karakter menjadi huruf kecil. Tidak merusak
rangkaian. split(pemisah, batas)
Membagi string menjadi array, dipisahkan oleh pemisah yang disediakan. Jika string kosong ("") disediakan, itu akan membagi setiap karakter menjadi elemen baru dalam array. Misalnya. (“JavaScript itu bagus”). split(“ “) akan mengembalikan [“JavaScript”, “adalah”, “hebat”]
'Javascript is great'.split("") // returns ['Javascript', 'is', 'great'] _
Masuk ke mode layar penuh Keluar dari mode layar penuh
rangkaian. ganti(cari, gantiDengan)
Menemukan setiap contoh pencarian substring dan menggantinya dengan substring baru yang diberikan. Tidak merusak
Anda dapat menemukan lebih banyak informasi tentang metode bawaan untuk objek String dalam dokumentasi
Tali - JavaScript. MDN
Himpunan
Cara paling sederhana untuk mendeskripsikan Array adalah dengan membuat daftar objek yang mirip. Sesuatu yang sangat penting tentang array adalah mereka diindeks, artinya Anda dapat mengakses nilai tertentu berdasarkan indeks atau lokasi yang mereka miliki dalam daftar
let fruits = ['Apple', 'Banana']
Masuk ke mode layar penuh Keluar dari mode layar penuh
Metode bawaan yang berguna untuk objek Array
Himpunan. panjangnya
Bukan metode, tetapi properti bawaan array yang sangat berguna adalah panjang. Ini mengembalikan jumlah item dalam array
const newYearsResolutions = ['Keep a journal', 'Take a falconry class']; console.log(newYearsResolutions.length); // Output: 2 _
Masuk ke mode layar penuh Keluar dari mode layar penuh
Himpunan. dorongan()
Memungkinkan kita menambahkan item ke akhir array. Perhatikan itu. push() mengubah, atau memutasi, array. Anda mungkin juga melihat. push() disebut sebagai metode array destruktif karena mengubah array awal
const itemTracker = ['item 0', 'item 1', 'item 2']; itemTracker.push('item 3', 'item 4'); console.log(itemTracker); // Output: ['item 0', 'item 1', 'item 2', 'item 3', 'item 4']; _
Masuk ke mode layar penuh Keluar dari mode layar penuh
Himpunan. pop()
Menghapus item terakhir dari array. Tidak memerlukan argumen apa pun, hanya menghapus elemen terakhir dari array dan mengembalikan nilai elemen terakhir. Ini adalah metode yang memutasi array awal
const newItemTracker = ['item 0', 'item 1', 'item 2']; const removed = newItemTracker.pop(); console.log(newItemTracker); // Output: [ 'item 0', 'item 1' ] console.log(removed); // Output: item 2
Masuk ke mode layar penuh Keluar dari mode layar penuh
Iterator
Metode larik JavaScript bawaan yang membantu kita melakukan iterasi disebut metode iterasi, terkadang disebut sebagai iterator. Iterator adalah metode yang dipanggil pada array untuk memanipulasi elemen dan mengembalikan nilai
Himpunan. untuk setiap()
Mengeksekusi kode yang sama untuk setiap elemen array
groceries.forEach(groceryItem => console.log(' - ' + groceryItem) );
Masuk ke mode layar penuh Keluar dari mode layar penuh
Perulangan adalah konsep yang sangat penting, jadi mari kita pelajari sintaks pemanggilan 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great'] 1
- 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great'] _2 memanggil 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great'] 3metode pada 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great'] 4 array
- 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great'] 1 mengambil argumen fungsi callback. Ingat, fungsi panggilan balik adalah fungsi yang diteruskan sebagai argumen ke fungsi lain
- 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great'] 1 mengulang array dan menjalankan fungsi callback untuk setiap elemen. Selama setiap eksekusi, elemen saat ini diteruskan sebagai argumen ke fungsi callback
- Nilai yang ditampilkan untuk 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great'] 1 akan selalu menjadi 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great'] 8
Kita juga bisa mendefinisikan sebuah fungsi terlebih dahulu untuk digunakan sebagai fungsi callback
function printGrocery(element){ console.log(element); } groceries.forEach(printGrocery);
Masuk ke mode layar penuh Keluar dari mode layar penuh
Ada baiknya untuk mengetahui berbagai cara untuk meneruskan fungsi panggilan balik sebagai argumen dalam iterator karena pengembang memiliki preferensi gaya yang berbeda
Himpunan. peta()
Kapan. map() dipanggil pada array, dibutuhkan argumen dari fungsi callback dan mengembalikan array baru. Lihatlah contoh panggilan. peta()
const numbers = [1, 2, 3, 4, 5]; const bigNumbers = numbers.map(number => { return number * 10; });
Masuk ke mode layar penuh Keluar dari mode layar penuh
map() bekerja dengan cara yang mirip dengan. forEach()— perbedaan utamanya adalah itu. map() mengembalikan array baru
Himpunan. Saring()
Suka. peta(),. filter() mengembalikan array baru. Namun,. filter() mengembalikan array elemen setelah memfilter elemen tertentu dari array asli. Fungsi panggilan balik untuk. filter() metode harus mengembalikan benar atau salah tergantung pada elemen yang diteruskan ke sana. Elemen yang menyebabkan fungsi callback mengembalikan true ditambahkan ke array baru
console.log('hello'.toUpperCase()); // Prints 'HELLO' _0
Masuk ke mode layar penuh Keluar dari mode layar penuh
Anda dapat menemukan lebih banyak informasi tentang metode bawaan untuk objek Array dalam dokumentasi
Objek
Agak lucu mengatakan bahwa kita bisa menggunakan metode bawaan untuk objek Objek, tapi hei, saya tidak membuat aturannya. Kami juga dapat memanfaatkan metode bawaan untuk Objek. Objek digunakan untuk menyimpan berbagai koleksi kunci, atau pasangan kunci dan nilai
Metode bawaan yang berguna untuk objek Array
Obyek. kunci(obj)
Mengembalikan larik kunci yang berisi objek
Obyek. nilai(obj)
Mengembalikan array nilai dari setiap elemen dalam objek
Obyek. entri(obj)
Mengembalikan larik yang berisi larik bersarang untuk setiap pasangan nilai kunci. Elemen pertama di setiap array bersarang adalah kuncinya, dan yang kedua adalah nilainya. Misalnya
console.log('hello'.toUpperCase()); // Prints 'HELLO' _1
Masuk ke mode layar penuh Keluar dari mode layar penuh
Obyek. dari Entri(arr)
Membuat objek baru dari larik pasangan nilai kunci yang diteruskan sebagai argumen. Mengembalikan objek baru
Looping Melalui Objek
Sama seperti mengulang Array menyeluruh dengan 'Javascript is great'.split("") // returns ['Javascript', 'is', 'great']
1, let fruits = ['Apple', 'Banana']
0 akan mengeksekusi blok kode yang diberikan untuk setiap properti dalam objek
console.log('hello'.toUpperCase()); // Prints 'HELLO' _2
Masuk ke mode layar penuh Keluar dari mode layar penuh
untuk. di dalam
Anda dapat menemukan lebih banyak informasi tentang metode bawaan untuk Objek dalam dokumentasi
Bonus
Menambahkan Metode ke Objek
Kita dapat membuat objek dan metode kita sendiri untuk memodelkan situasi dan tindakan kehidupan nyata,
Menambahkan metode baru ke objek itu mudah
Kita dapat menyertakan metode dalam literal objek kita dengan membuat key-value pair biasa yang dipisahkan koma. Kunci berfungsi sebagai nama metode kami, sedangkan nilainya adalah ekspresi fungsi anonim
console.log('hello'.toUpperCase()); // Prints 'HELLO' _3
Masuk ke mode layar penuh Keluar dari mode layar penuh
Dengan sintaks metode baru yang diperkenalkan di ES6, kita dapat menghilangkan kata kunci titik dua dan fungsi
console.log('hello'.toUpperCase()); // Prints 'HELLO' _4
Masuk ke mode layar penuh Keluar dari mode layar penuh
Metode objek dipanggil dengan menambahkan nama objek dengan operator titik diikuti dengan nama metode dan tanda kurung
console.log('hello'.toUpperCase()); // Prints 'HELLO' _5
Masuk ke mode layar penuh Keluar dari mode layar penuh
console.log('hello'.toUpperCase()); // Prints 'HELLO' _6
Masuk ke mode layar penuh Keluar dari mode layar penuh
Sumber daya yang berguna di Javascript
JavaScript. MDN
freeCodeCamp. org
Tutorial JavaScript. Pelajari JavaScript Gratis. Codecademy
Kode JavaScript untuk pergi
Hai. Nama saya Pepe 👾, dan saya dari Panama di Amerika Tengah 🌴🌞🌴 Anda dapat menemukan saya di linkedin, twitter atau github