JavaScript貓紙

變數(Variable)

let age = 17
let name = `Tony`

常數(Constant)

const pi = 3.14

普通函數(Function)

function sayHello(){
    console.log(`Hello`);
}

function GreetWith（name）{
    console.log(`Hello ${name}`)
}
sayHello()
GreetWith('CCL')

函數式(Arrow function)

const sayHello = () => console.log(`Hello`);

const GreetWith = name => console.log(`Hello ${name}`)

sayHello()
GreetWith('CCL')

矩陣（Array)

let numbers = [1,2,3,4,5]

Array Manipulation

numbers = [1.345,...numbers]

numbers = [...numbers,2.765]

numbers.splice(index,numberOfElementToBeRemoved)

Dictionary / Object

let person = {
    name:'Tony',
    age: 21,
    displayDetails(){
        console.log(`${this.name} ${this.age}`)
    }
}

person.name

person.age

person.displayDetails()

更改物件

// Eg: change the age of Tony
person = {...person,age:20}

JSON ( Array of Dictionary)

let persons = [
    {
        name:'Tony',
        age: 21
    },
    {
        name:'Michael',
        age: 20
    }
]

Array Operators

// Iterate and read Array
persons.forEach( function(person){
    console.log(`${person.name} `{person.age}`)
    }
}

//Iterate and modify array, this is adding age by 1 for each object
persons.map( person => {
        person.age++
    }
}

persons.filter( person => {
    person.age >= 20
    }
}

Export

// Private data
export let age = 30

//Public Data
let name = `Alan`

Class

class Person {
    constructor(name,age){
        this.name = name
        this.age = age
    }
    getName(){
        return this.name
    }
    getAge(){
        return this.age
    }
}
let tony = new Person('Tony',21)