Memahami Tipe Data Number Dan Fungsi String di Javascript
Thursday, October 31, 2019
Edit
Kali ini penulis akan memberikan tutorial tipe data number dan fungsi string. Di baca ya agar tau dan ngerti fungsinya. Enjoyyyy
Tipe data number merupakan type data yang dapat dioperasikan matematika misalnya seperti tambah, kurang, kali, bagi, dan lain sebagainya.
Contoh:
Tipe Data Number
Tipe data number merupakan type data yang dapat dioperasikan matematika misalnya seperti tambah, kurang, kali, bagi, dan lain sebagainya.
Contoh:
<html>
<body>
<p></p>
<p></p>
<script>
var angka1 = 1000;
var angka2 = 50;
document.getElementsByTagName("p")[0].innerHTML = angka1;
document.getElementsByTagName("p")[1].innerHTML = angka2;
</script>
</body>
</html>
<body>
<p></p>
<p></p>
<script>
var angka1 = 1000;
var angka2 = 50;
document.getElementsByTagName("p")[0].innerHTML = angka1;
document.getElementsByTagName("p")[1].innerHTML = angka2;
</script>
</body>
</html>
Operator Aritmatika
Sekarang kita akan coba untuk mengoperasikan bilangan di atas dengan operator aritmatika
+ Tambah
- Kurang
* Kali
/ Bagi
Contoh:
<html>
<body>
<p></p>
<p></p>
<p></p>
<p></p>
<script>
var angka1 = 1000;
var angka2 = 50;
var penjumlahan = angka1 + angka2;
var pengurangan = angka1 - angka2;
var perkalian = angka1 * angka2;
var pembagian = angka1 / angka2;
document.getElementsByTagName("p")[0].innerHTML = penjumlahan;
document.getElementsByTagName("p")[1].innerHTML = pengurangan;
document.getElementsByTagName("p")[2].innerHTML = perkalian;
document.getElementsByTagName("p")[3].innerHTML = pembagian;
</script>
</body>
</html>
<body>
<p></p>
<p></p>
<p></p>
<p></p>
<script>
var angka1 = 1000;
var angka2 = 50;
var penjumlahan = angka1 + angka2;
var pengurangan = angka1 - angka2;
var perkalian = angka1 * angka2;
var pembagian = angka1 / angka2;
document.getElementsByTagName("p")[0].innerHTML = penjumlahan;
document.getElementsByTagName("p")[1].innerHTML = pengurangan;
document.getElementsByTagName("p")[2].innerHTML = perkalian;
document.getElementsByTagName("p")[3].innerHTML = pembagian;
</script>
</body>
</html>
Fungsi String
indexOf()
Untuk mencari text tertentu dalam satu string yang paling awal, nilai yang dihasilkan berupa angka dan dimulai dari nomor index 0.
<html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.indexOf("a");
alert(hasil);
</script>
</body>
</html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.indexOf("a");
alert(hasil);
</script>
</body>
</html>
astIndexOf()
Untuk mencari text tertentu dalam satu string yang paling akhir, nilai yang dihasilkan berupa angka (kebalikan dari indexof()).
<html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.lastIndexOf("a");
alert(hasil);
</script>
</body>
</html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.lastIndexOf("a");
alert(hasil);
</script>
</body>
</html>
search()
Untuk mencari tulisan atau kata tertentu, metode ini cocok digunakan untuk regex (regular expression), dan yang dihasilkan juga berupa angka.
<html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.search("Javascript");
alert(hasil);
</script>
</body>
</html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.search("Javascript");
alert(hasil);
</script>
</body>
</html>
chartAt()
ini merupakan kebalikan indexOf() yaitu mencari string berdasarkan nomor index, nilai yang dihasilkan yaitu berupa string.
<html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.chartAt(10);
alert(hasil);
</script>
</body>
</html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.chartAt(10);
alert(hasil);
</script>
</body>
</html>
replace()
Untuk mengganti tulisan pada string.
<html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.replace("script", "code");
alert(hasil);
</script>
</body>
</html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.replace("script", "code");
alert(hasil);
</script>
</body>
</html>
substring()
Untuk mencari kata tertentu berdasarkan nomor index, misalnya namaVar.substring(2, 10) berarti yang diambil nomor index 2 sampai 9.
<html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.substring(2, 10);
alert(hasil);
</script>
</body>
</html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.substring(2, 10);
alert(hasil);
</script>
</body>
</html>
substr()
Untuk mencari kata tertentu berdasarkan nomor index, misalnya namaVar.substr(2, 10) berarti mengambil tulisan mulai nomor index 2 dan 10 karakter selanjutnya.
<html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.substr(2, 10);
alert(hasil);
</script>
</body>
</html>
<body>
<script>
var text = "Belajar Javascript";
var hasil = text.substr(2, 10);
alert(hasil);
</script>
</body>
</html>
Kesimpulan :
ok sobat cukup sekian penjelasan tentang "Tipe Data Number Dan Fungsi String" untuk selanjutnya akan membahas tentang fungsi dan kondisi javascript. cukup sekian semoga bermanfaat.