Belajar Javascript (Part3): Objek String, Objek Number, Objek Array Javascript
- Admin akan melanjutkan wacana berguru JavaScript seputar Objek JavaScript. Objek JavaScript merupakan komponen didalam JavaScript yang terdiri dari Property dan Method.
Property ialah nilai yang ada didalam sebuah Objek. Sedangkan Method ialah agresi yang dapat dilakukan oleh objek tersebut.
Tutorial Belajar JavaScript Objek String JavaScript
Objek String JavaScript ialah objek yang berisi properti dan method untuk memanipulasi data berjenis String.
Berikut pola 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 pola 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 hingga index tertentu.
string.split(): memotong-motong sebuah string kedalam beberapa string menurut parameter karakter pemisah tertentu. Karakter pemisah tersebuh dapat berupa spasi, koma, titik, dan lainnya.
string.big(): menaikkan ukuran aksara satu point.
string.small(): menurunkan ukuran aksara 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 ialah sebuah Array yang berisi string yang dicari tadi sejumlah yang cocok.
string.search(): mencari sebuah string dalam string yang lain dan menawarkan 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 aksara dalam teks menjadi huruf kecil.
string.toUpperCase(): mentransformasi semua aksara dalam teks menjadi huruf besar.
Contoh kode menciptakan 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:
 | |
| Objek String |
Perhatian untuk:
document.write(web[2]); //n. Menghasilkan nilai n, alasannya index array dimulai dengan angka "0".
Tutorial Belajar JavaScript Objek Number JavaScript
Objek Number JavaScript ialah objek yang memungkinkan kita melaksanakan operasi matematis. JavaScript hanya mempunyai satu tipe bilangan. Semua bilangan dalam JavaScript disimpan sebagai bilangan floating point 64 bit berbasis 10. Satu bilangannya berarti menghabiskan memori 8 byte. Bilangan dapat ditulis dengan atau tanpa koma (desimal).
JavaScript juga dapat mengenali bilangan Oktal dan Hexadecimal. Bilangan akan dikenali sebagai bilangan Oktal kalau dimulai dengan angka 0 dan akan dikenali sebagai bilangan Hexadecimal kalau 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 ialah objek yang ibarat dengan tabel dengan index berurutan. Analoginya ibarat dengan kereta api yang mempunyai nama kereta (nama array), nomor kereta (index), gerbong (elemen array), dan jenis kereta (tipe data elemen). Namun perhatikan bahwa di JavaScript, semuanya ialah Objek, termasuk elemen array. Oleh alasannya itu, elemen array didalam JavaScript dapat berbeda tipe datanya.
Elemen array didalam JavaScript dapat menyimpan Number, String bahkan Function sekalipun. Dan yang menarik lagi ialah elemen array dapat berupa array lagi.
Jika Kita memakai variabel biasa, maka kita dapat mendeklarasikannya dengan cara ibarat ini:
var mobil1 = "Toyota";Maka dengan Array, kita dapat menjadikannya lebih sederhana dengan alternatif cara deklarasi Array:
var mobil2 = "Suzuki";
var mobil3 = "Daihatsu";
// 1. Cara LiteralContoh Array yang dapat mengandung elemen dengan tipe data bermacam-macam adalah:
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]); // akhirnya "Suzuki"
var myArray = new Array;
myArray [0] = "Toyota"; // Toyota ialah String
myArray [1] = 1000; // 1000 ialah Number
myArray [2] = isValid; // isValid ialah sebuah fungsi
Pengolahan Array akan sangat terbantu memakai Loop. Dan bahan Array dengan Loop mudah-mudahan dapat cepat dibuat.
Objek Array JavaScript juga mempunyai banyak method. Berikut ini ialah macam-macam dari method objek array:
concat(tab1, tab2, tabN) : memungkinkan kita untuk menambahkan (concatenate) banyak array, dalam artian menciptakan 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 bekerjasama dengan arahan pembuatan objek array.
arr.valueOf() : mengembalikan nilai dari objek array dimana objek array itu yang jadi tumpuan dari array tersebut.
Sampai disini mengenai pembahasan Belajar JavaScript (Part3): Objek String, Objek Number, Objek Array JavaScript, biar bermanfaat.
Ada pertanyaan wacana Belajar JAVASCRIPT ?
- Salam -