Jelaskan fungsi bawaan dalam javascript

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'

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'

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']

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']

• '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'

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'

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']

let fruits = ['Apple', 'Banana']

console.log('hello'.toUpperCase()); // Prints 'HELLO'

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'

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'

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'

Masuk ke mode layar penuh Keluar dari mode layar penuh

console.log('hello'.toUpperCase()); // Prints 'HELLO'

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

Apa fungsi bawaan dalam JavaScript?

Apa itu fungsi bawaan?

Bagaimana cara mendefinisikan fungsi dalam JavaScript?

Apa fungsi dalam JavaScript dengan contoh?