10 Tips Javascript yang sering digunakan

Categoriestutorial website

Yudith Hentreisa

September 7, 2020

0 0

Share this post

10 Tips Javascript yang sering digunakan untuk pembuatan website. semoga bermanfaat ya. selamat belajar!

1. Membuat sebuah object constructor

function Person(firstName, lastName){
    this.firstName =  firstName;
    this.lastName = lastName;        
}  

var Saad = new Person("Saad", "Mousliki");

2. Membuat angka atau objek secara random dari sebuah array

var items = [12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' , 2145 , 119];

var  randomItem = items[Math.floor(Math.random() * items.length)];

3. Membuat angka random dengan range / jarak tertentu

var x = Math.floor(Math.random() * (max - min + 1)) + min;

4. Membuat array dari angka 0 sampai angka tertentu secara otomatis

var numbersArray = [] , max = 100;

for( var i=1; numbersArray.push(i++) < max;);  // numbers = [1,2,3 ... 100] 

5. Membuat / generate karakter angka dan huruf secara acak

function generateRandomAlphaNum(len) {
    var rdmString = "";
    for( ; rdmString.length < len; rdmString  += Math.random().toString(36).substr(2));
    return  rdmString.substr(0, len);

}

6. Mengacak array secara random

var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];
numbers = numbers.sort(function(){ return Math.random() - 0.5});
/* the array numbers will be equal for example to [120, 5, 228, -215, 400, 458, -85411, 122205]  */

7. menghapus whitespace atau spasi

String.prototype.trim = function(){return this.replace(/^s+|s+$/g, "");}; 

8. Cara Menggabungkan isi beberapa array

var array1 = [12 , "foo" , {name "Joe"} , -2458];

var array2 = ["Doe" , 555 , 100];
Array.prototype.push.apply(array1, array2);
/* array1 will be equal to  [12 , "foo" , {name "Joe"} , -2458 , "Doe" , 555 , 100] */

9. Memverifikasi / validasi objek adalah angka

function isNumber(n){
    return !isNaN(parseFloat(n)) && isFinite(n);
}

10. Mencari angka minimal dan maksimal dalam suatu array

var  numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; 
var maxInNumbers = Math.max.apply(Math, numbers); 
var minInNumbers = Math.min.apply(Math, numbers);

Terimakasih sudah menbaca artikel 10 Tips Javascript yang sering digunakan. Sekian dulu tutorial tips menggunakan javascript ya, ini baru part 1 nanti akan ada tips2 selanjutnya. semoga bermanfaat.

sumber : https://modernweb.com/45-javascript-tips-tricks-practices/

Pengetahuan Dasar Website

Pengertian Javascript

Javascipt adalah bahasa pemrograman komputer yang dinamis. Pada umumnya Javascipt digunakan pada web browser untuk menciptakan halaman web yang menarik, interaktif serta merapkan berbagai fungsi pada halaman web. Javascript adalah salah satu pemrograman web yang harus kita pelajari selain HTML dan CSS.

Kegunaan JavaScript

Kegunaan utama JavaScript adalah untuk menuliskan fungsi yang disisipkan ke dalam HTML, baik disisipkan secara langsung maupun diletakan ke dalam file teks dan di link dari dokumen HTML. Secara fungsional, JavaScript dipakai untuk menyediakan akses script pada objek yang dibenamkan (embedded).

Contoh penggunaan JavaScript, yaitu merubah image kursor ketika melewati objek tertentu, fungsi validasi pada form sebelum data dikirimkan ke server, dan sebagainya.

Kelebihan dan Kekurangan Javascript

Berikut ini beberapa kelebihan Javascript:

• Mudah Dipelajari

JavaScript adalah bahasa semi pemrograman yang merupakan gabungan antara bahasa pemrograman Java dengan HTML sehingga disebut bahasa hybrid.

• Terbuka

Karena bersifat terbuka, maka JavaScript bisa dibuat maupun di baca oleh semua jenis komputer.

• Ukuran File Kecil

Script dari JavaScript memiliki ukuran yang relatif kecil sehingga membuat web yang memiliki JavaScript ditampilkan di browser maka akses tampilannya akan lebih cepat.

• Cepat

Hal tersebut dikarenakan diletakkan di dalam HTML dan langsung dicoba di web browser.

Berikut ini beberapa kekurangan Javascript:

• Masalah Keamanan

Potongan JavaScript, setelah ditambahkan ke dalam halaman web mengeksekusi pada server klien dengan segera, karena itu juga dapat digunakan untuk mengeksploitasi sistem pengguna. Sementara pembatasan yang ditetapkan oleh standar web modern pada browser, kode yang berbahaya masih bisa dijalankan sesuai dengan batasan yang ditetapkan.

• Kemampuan Terbatas

Walaupun JavaScript mampu membuat tampilan web menjadi interaktif dan dinamis namun JavaScript tidak mampu membuat program aplikasi sendiri seperti Java.

• Keterbatasan Objek

JavaScript tidak dapat membuat kelas yang bisa menampung objek-objek tambahan seperti Java karena JavaScript sendiri sudah memiliki objek yang built-in pada struktur bahasanya.