Belajar JavaScript (Part3): Objek String, Objek Number, Objek Array JavaScript


tutorial javascript

SeniKoding.com - Admin akan melanjutkan tentang belajar JavaScript seputar Objek JavaScript. Objek JavaScript merupakan komponen didalam JavaScript yang terdiri dari Property dan Method.

Property adalah nilai yang ada didalam sebuah Objek. Sedangkan Method adalah aksi yang bisa dilakukan oleh objek tersebut.

Tutorial Belajar JavaScript Objek String JavaScript


Objek String JavaScript adalah objek yang berisi properti dan method untuk memanipulasi data berjenis String.

Berikut contoh dari Properti Objek String:
string.length: Untuk mencari panjang dari sebuah string.
Contoh:

<!DOCTYPE html>
   <html>
     <head>
         <script type="text/javascript">
            var set ="senikoding";
            document.write(set.length);
        </script>
     </head>
  </html>

Script diatas menghasilkan tampilan // 10.
Karena properti length mencari atau menghitung jumlah panjang suatu string.

Baca juga: Tutorial Belajar JavaScript (Part2): Variabel JavaScript, Tipe Data Variabel dan Objek JavaScript.

Ini contoh Method Objek String:

string.concat(): menggabungkan dua atau lebih string. Hasilnya akan tersimpan pada string baru.
string.replace(): mengganti sebuah string1 dengan string2 (yang berbeda) pada sebuah string.
string.slice(): memotong sebuah string mulai dari satu index sampai index tertentu.
string.split(): memotong-motong sebuah string kedalam beberapa string berdasarkan parameter karakter pemisah tertentu. Karakter pemisah tersebuh bisa berupa spasi, koma, titik, dan lainnya.
string.big(): menaikkan ukuran huruf satu point.
string.small(): menurunkan ukuran huruf satu point.
string.blink(): mentransformasi teks menjadi teks berkedip-kedip (blinking).
string.charAt(): mengembalikan karakter diposisi ke parameter posisi.
string.match(): mencari sebuah string pada sebuah string yang lain. Hasilnya adalah sebuah Array yang berisi string yang dicari tadi sejumlah yang cocok.
string.search(): mencari sebuah string dalam string yang lain dan memberikan nilai index dimana string tersebut ditemukan.
string.indexOf (substring, posisi): mengembalikan posisi dari substring, dengan pencarian dari arah kiri ke kanan, dimulai dari lokasi parameter posisi.
string.lastIndexOf (substring, posisi): fungsinya sama dengan metode indexOf akan tetapi pencarian dari arah berlawanan, yaitu dari kanan ke kiri.
string.fontcolor(): memodifikasi warna dari teks.
string.fontsize(): memodifikasi ukuran dari teks.
string.toLowerCase(): mentransformasi semua huruf dalam teks menjadi huruf kecil.
string.toUpperCase(): mentransformasi semua huruf dalam teks menjadi huruf besar.

Contoh kode membuat Objek String JavaScript:

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            //Deklarasi variabel
            var web ="senikoding tutorial";
            var situs ="www.senikoding.com";
            var visit ="Kunjungilah www.google.com";
            var nilai ="A, B, C, D, E";
            
            document.write(web[2]); //n
            document.write(web.length); //19
            document.write(web.indexOf("tutorial")); //11
            document.write(visit.replace("www.google.com", situs)); //Kunjungilah www.senikoding.com
            document.write(web.toLowerCase()); //senikoding tutorial
            document.write(web.toUpperCase()); //SENIKODING TUTORIAL
            var hasil = nilai.split(",");
            document.write(hasil[0]); //A
        </script>
    </head>
</html>

Hasil:

Belajar javascript
Objek String

Perhatian untuk:
document.write(web[2]); //n. Menghasilkan nilai n, karena index array dimulai dengan angka "0".

Tutorial Belajar JavaScript Objek Number JavaScript


Objek Number JavaScript adalah objek yang memungkinkan kita melakukan operasi matematis. JavaScript hanya memiliki satu tipe bilangan. Semua bilangan dalam JavaScript disimpan sebagai bilangan floating point 64 bit berbasis 10. Satu bilangannya berarti menghabiskan memori 8 byte. Bilangan bisa ditulis dengan atau tanpa koma (desimal).

JavaScript juga bisa mengenali bilangan Oktal dan Hexadecimal. Bilangan akan dikenali sebagai bilangan Oktal jika dimulai dengan angka 0 dan akan dikenali sebagai bilangan Hexadecimal jika dimulai dengan 0x. Contoh: 0366 dan 0xEE.

Contoh Variabel Objek Number :
var x = 1243;

Baca juga : Tutorial Belajar JavaScript (Part1): Apaitu JavaScript dan Sejarah JavaScript

Tutorial Belajar JavaScript Objek Array JavaScript


Objek Array JavaScript adalah objek yang mirip dengan tabel dengan index berurutan. Analoginya mirip dengan kereta api yang memiliki nama kereta (nama array), nomor kereta (index), gerbong (elemen array), dan jenis kereta (tipe data elemen). Namun perhatikan bahwa di JavaScript, semuanya adalah Objek, termasuk elemen array. Oleh karena itu, elemen array didalam JavaScript bisa berbeda tipe datanya.

Elemen array didalam JavaScript bisa menyimpan Number, String bahkan Function sekalipun. Dan yang menarik lagi adalah elemen array bisa berupa array lagi.
Jika Kita menggunakan variabel biasa, maka kita bisa mendeklarasikannya dengan cara seperti ini:
var mobil1 = "Toyota";
var mobil2 = "Suzuki";
var mobil3 = "Daihatsu";
Maka dengan Array, kita bisa menjadikannya lebih sederhana dengan alternatif cara deklarasi Array:
// 1. Cara Literal
var arrMobil = ["Toyota", "Suzuki", "Daihatsu"];
// 2. Cara Condensed
var arrMobil = new Array("Toyota", "Suzuki", "Daihatsu");
// 3. Cara Reguler
car arrMobil = new Array;
arrMobil [0] = "Toyota";
arrMobil [1] = "Suzuki";
arrmobil [2] = "Daihatsu";

// 4. Cara Akses
document.write(arrMobil[1]); // hasilnya "Suzuki"
Contoh Array yang bisa mengandung elemen dengan tipe data bermacam-macam adalah:
var myArray = new Array;
myArray [0] = "Toyota"; // Toyota adalah String
myArray [1] = 1000; // 1000 adalah Number
myArray [2] =  isValid;  // isValid adalah sebuah fungsi

Pengolahan Array akan sangat terbantu menggunakan Loop. Dan materi Array dengan Loop mudah-mudahan bisa cepat dibuat.

Objek Array JavaScript juga memiliki banyak method. Berikut ini adalah macam-macam dari method objek array:

concat(tab1, tab2, tabN) : memungkinkan kita untuk menambahkan (concatenate) banyak  array, dalam artian membuat satu array dari beberapa array yang berbeda yang dilewatkan sebagai parameter metode.
arr.join() : mengirimkan satu variabel string yang berisi semua elemen dari array.
arr.pop() : menghapus elemen terakhir dari array.
arr.push(nilai1, nilai2, nilaiN) : menambahkan satu atau beberapa elemen ke array.
arr.reverse() : membalikkan (inverse) urutan elemen di array.
arr.shift() : menghapus elemen pertama dari array.
arr.slice() : mengirim satu array yang berisi sebagai elemen dari array utama.
arr.splice() : menambahkan dan mengurangi elemen-elemen array.
arr.sort() : mengurutkan elemen-elemen array.
arr.toString() : mengirimkan kembali variabel string yang berhubungan dengan instruksi pembuatan objek array.
arr.valueOf() : mengembalikan nilai dari objek array dimana objek array itu yang jadi referensi dari array tersebut.

Sampai disini mengenai pembahasan Belajar JavaScript (Part3): Objek String, Objek Number, Objek Array JavaScript, semoga bermanfaat.

- Salam -



Berlangganan Artikel Kami Gratis, masukan Email dan Verifikasi:

0 Response to "Belajar JavaScript (Part3): Objek String, Objek Number, Objek Array JavaScript"

Post a Comment

* Berkomentar sesuai tema ya gaes..

- Terima Kasih -