Hari Kedua Javascript

Asrul Harahap

Asrul Harahap

Asrul Harahap

Tipe Data non-Primitif

Kemarin kita sudah bahas beberapa jenis tipe data primitif, selain itu ada juga tipe data referensi atau non-primitif, berdiri berdasarkan tipe data lain, yaitu:

  1. Array
  2. Object
  3. Function

Tipe data non-primitif dapat dimodifikasi atau diubah. Kita dapat memodifikasi nilai tipe data non-primitif setelah dibuat. Mari kita lihat dengan membuat sebuah array. Array adalah daftar nilai data yang kiapit oleh tanda kurung siku dan dipisahkan tanda koma. Array dapat berisi tipe data yang sama atau berbeda. Nilai array dirujuk oleh indeks masing-masing data. Dalam indeks array JavaScript dimulai dari nol. Yaitu, elemen pertama dari sebuah array ditemukan di indeks nol, elemen kedua di indeks satu, dan elemen ketiga di indeks dua, dan selanjutnya.

let siswa = ["Asrul", "Anis", "Tisha", "Rifky"];
console.log(siswa[1]);
// hasilnyya: Anis

Tipe data non primitif tidak bisa dibandingkan, bahkan walau nilainya sama.

let nilai = [1, 2, 3];
let angka = [1, 2, 3];
console.log(nilai === angka);
// hasilnya: false

Array akan kita bahas nanti, untuk sekarang kita skip dahulu.

Number

Sedikit telah dibahas pada hari pertama bahwa tipe data number berupa bilangan bulat dan pecahan atau desimal baik negatif maupun positif beserta dengan nol.

Contoh

let panjang = 30;
let lebar = 21.52;
let luas = panjang * lebar;
console.log("Luas adalah ", luas);
// Hasilnya: Luas adalah 645.6

Anda dapat melakukan operasi matematik baik bilangan desimal dengan desimal atau dengan bilangan bulat.

Math

Pada javascript telah disediakan object match yang berfungsi sebagai alat bantu dalam urusan kalkulasi matematik seperti max, min, random, pow, dll.

MethodKeterangan
Math.PIPI adalah rasio keliling lingkaran terhadap diameternya; sekitar 3.14159.
Math.roundPembulatan nilai keangka terdekat
Math.floorMembulatkan nilai kebawah
Math.ceilMembulatkan nilai keatas
Math.minMencari angka terkecil dari deretan angka
Math.maxKebalikan dari Math.min, mencari yang terbesar
Math.randomMencari nilai acak berupa 0 to 0.999999999...
Math.sqrtMencari nilai akar dari angka yang didefenisikan

Ada banyak lagi method matematik yang disediakan oleh javascript, silahkan baca di sini

Contoh penggunaan pada soal berikut.

Jika diketahui sebuah lingkaran mempunyai diameter 14 cm. Berapakah luas lingkaran tersebut?

Penyelesaian:

Diketahui:

d = 14 cm

karena d = 2 × r maka:

r = d/2

r = 14/2

r = 7 cm

Ditanyakan: Luas lingkaran?

Jawab:

Luas = π × r²

Luas = 22/7 × 7²

Luas = 154 cm²

Jadi, luas lingkaran tersebut adalah 154 cm².

let d = 14;
let r = d / 2;
let luas = Math.PI * r * r;
console.log(luas);
// hasilnya: 153.93804002589985
console.log(Math.round(luas));
// hasilnya 154

Referensi pendukung untuk number baca di sini

String

Pada bagian ini kita akan perdalam lagi materi String yang telah kita bahas sebelumnya. String didefenisikan harus menggunakan tanda kutif tunggal, dobel atau backtik.

let nama = "Asrul Harahap";
let alamat = `Jl. Tanah Kusir II
Gang Pramuka II
Kelurahan Kebayoran Lama Selatan
Kecamatan Kebayoran Lama
Kota Jakarta Selatan
DKI Jakarta - 12240
Indonesia
`;
let pekerjaan = "Full Stack Developer";

Anda dapat menggabung dua string atau lebih yang disebut dengan string concat.

let firstName = "Asrul";
let lastName = "Harahap";
let fullName = firstName + " " + lastName;
console.log(fullName);
// hasil: Asrul Harahap
console.log(`${firstName} ${lastName}`);
// hasil: Asrul Harahap

Pada contoh ada penggunaan ${variable} ini adalah salahsatu cara menggunakan concat string javascript yang disebut dengan template literal. Anda bebas menggunakan cara pertama atau kedua, sesuai nyamannya Anda dalam ngoding.

1. .length

String memiliki properti .leng yang berfungsi untuk menghitung jumlah karakter pada string.

let nama = "Anis Fikriyyah";
console.log(nama.length);
// hasil: 14

2. .toUpperCase()

toUpperCase() digunakan untuk mentranform string menjadi huruf besar semua

let nama = "Anis Fikriyyah";
console.log(nama.toUpperCase());
// hasil: ANIS FIKRIYYAH

3. .toLowerCase()

Ini merupakan kebalikan dari .toUpperCase(), yaitu mentransform string menjadi huruf kecil semua.

4. .substr()

substr digunakan untuk mengiris atau memotong karakter, ini membutuhkan 2 argumen yaitu indeks mulai dan jumlah karakter yang diiris.

let nama = "Anis Fikriyyah";
console.log(nama.substr(5, 6));
// hasil: Fikriy

Perhatikan gambar berikut

Substr

5. .split()

split ini digunakan untuk menjadikan string menjadi potongan array.

let nama = "Asrul Harahap";
console.log(nama.split(" "));
// hasil: ["Asrul", "Harahap"]
let firstName = "Asrul";
console.log(firstName.split(""));
// hasil: ["A", "s", "r", "u", "l"]
let countries = "Asrul, Anis, Tisha, Lan, Rifki";
console.log(countries.split(","));
// hasil: ["Asrul", "Anis", "Tisha", "Lan", "Rifki"]

6. .trim()

Digunakan untuk menghapus spasi berlebih diawal atau diakhir string

let nama = " Anies Baswedan ";
console.log(nama);
// hasil: Anies Baswedan
console.log(nama.trim());
// hasil: Anies Baswedan

7. .repeat()

Dari namanya sudah bisa kita tebak gunanya untuk apa, ya benar gunanya untuk mengulang string sebanyak yang didefenisikan.

let mood = "bahagia";
console.log(mood.repeat(10));
// hasil: bahagiabahagiabahagiabahagiabahagiabahagiabahagiabahagiabahagiabahagia

Masih banyak lagi method pada string seperti indexOf, replace, dll. Anda bisa baca selengkapnya di sini