React

var nama = 'Codepolitan'
var alamat = 'Jl. Cipedes Tengah 1 No. 27 '

// penggabungan string versi lama 
console.log('kantor ' + nama + ' berada di ' + alamat)

// penggabungan string dengan template literal
console.log(`kantor ${nama} berada di ${alamat}`)
var kalimatKedua = `Saya seorang developer
                    saya belajar Javascript
                    saya belajar di Codepolitan`

console.log(kalimatKedua)

// arrow function

// in ES5 make function
function sayHello(nama){
    console.log(`Hey braderss ${nama}`)
}
sayHello("aybis");
// without parameter
var newSayHello = () => {
    console.log("Hai, I am ProGammer")
}
// with one parameter
var newHello = (nama) => {
    console.log(`Hallo braderss ${nama}`);
}
// dapat diganti dengan 
var newGreeting = guestName => console.log(`Welcome back to Codepolitan, ${guestName}`);
// with 2 paramter
var multiplication = (x,y) => {
    return (x * y);
}
// method array.map
angka = [1,2,3,4]
var angkaBaru = angka.map(element => element * 2)

newSayHello();
newHello("aybis");
newGreeting("aybis");
console.log(multiplication(4,5));
console.log(angkaBaru);

// Spread Syntax
var mobilToyota = ['Avanza','Celica','Camry','86'];
var mobilHonda = ['Civic','NSX','Accord','Oddysey'];
var mobilKoleksi = [...mobilToyota];
mobilKoleksi[0] = 'Fortuner';
var mobilKu = [...mobilToyota, ...mobilHonda,'Audi R8'];


console.log(mobilToyota);
console.log(mobilKoleksi);
console.log(mobilKu.join(' - '));