array review

製作一個陣列、用迴圈與 forEach 跑出陣列的 index、value

// 製作一個陣列
// 迴圈跑一個陣列
// forEach 跑一個陣列，forEach(參數一, 參數二)，參數一表 value 參數二是 index

const arr = ['apple', 'banana', 'cake']
for(let i=0; i<arr.length; i++) {
  console.log(arr[i])
  console.log(i)
}

arr.forEach((value, index) => {
  console.log(value)
  console.log(index)
})

Object Review

要會宣告物件、並使用 property 與 method

// 宣告物件，裡面要具備 property 與 method
// 拿出物件裡的東西 (1) 用 [""] (2) 用 dot

const flower = {
  'sunFlower': 100,
  'rose': 'sold out',
  cancle() {
    console.log('cancel order please')
  },
  order() {
    console.log('hi, i wanna order...')
  }
}

console.log(flower.rose)
console.log(flower["sunFlower"])
flower.cancle()
flower.order()

Function Review

return 回傳值、console.log 印出值
function 一經 return，return 下面的代碼都是 unreachable code

function add(n1, n2) {
  return n1 + n2
}
console.log(add(10, 15))

Class Review

js 中做出相似的物件。記住原因、應用方式

不用 class

// 為甚麼要用 class ? 對於類似的物件而言，可以節省記憶體空間

let c1 = {
  radius: 5,
  getArea() {
    return Math.PI * this.radius * this.radius
  }
}
console.log(c1.radius) // 5
console.log(c1.getArea()) // 78.53981633974483

let c2 = {
  radius: 10,
  getArea() {
    return Math.PI * this.radius * this.radius
  }
}
console.log(c2.radius) // 10
console.log(c2.getArea()) // 314.1592653589793

使用 class

// es6 class
class Circle {
  // 共同需要初始化的屬性放到這邊
  constructor(r) {
    this.radius = r // 把 r 放進 circle 的 radius 裡面
  }
  getArea() {
    return Math.PI * this.radius * this.radius
  }
}

let circle = new Circle(5) // new 創造出一個物件，裡面的參數是 constructor 的參數
let circleTwo = new Circle(10)
console.log(circle.getArea()) // 78.53981633974483
console.log(circle.radius) // 5

console.log(circleTwo.getArea()) // 314.1592653589793
console.log(circleTwo.radius) // 10