Category Archives: functional_programming

functional programming map reduce function

การเปลี่ยนแปลงค่าใน array const arr = [1,2,3] /// [2,4,6] const result = arr.map(n => n*2) console.log(result) // [2,4,6] การกรอง array const arr = [1,2,3,4,5,6] // [2,4,6] arr.filter(n=> n % 2 === 0) console.log(result) // [2,4,6] หาแค่ value ตัวแรกที่พบ const arr = … Continue reading

Posted in functional_programming, nextjs | Leave a comment

slice ตัดค่าใน array ออกตาม index

deletePerson = id => () => {     const { people } = this.state     const index = people.findIndex(person => person.id === id)     const newPeople = [       …people.slice(0,index),       …people.slice(index + … Continue reading

Posted in functional_programming | Leave a comment

axios then callback hell and tranform data array

เราสามารถใช้ then ไปเรื่อยๆ โดยมันจะเอา output ของ then ไปใส่เป็น input ของ then ตัวต่อไป และเราสามารถทำอะไรก็ได้กับมัน ในตัวอย่างจะใช้ function transform data เพื่อหา title ที่ขึ้นต้นด้วย qua filter คือกรองสมาชิกให้เหลือน้อยลงด้วยเงื่อนไขบางอย่าง map คือ loop สมาชิก เพื่อแก้ไขข้อมูลสมาชิก มันจะ return output ออกมา import axios from ‘axios’ const url = ‘https://jsonplaceholder.typicode.com/posts’ … Continue reading

Posted in functional_programming | Leave a comment

ES6 Pure Function (Functional Programming)

Pure Function มีกฏคือ ห้ามมีการเปลี่ยนแปลงค่า โจทย์ถ้าเราต้องการ object Tranform จาก person object โดยต้องการให้เหลือแค่ key ใน array ['name','gender'] const person = {   name : ‘Somchai’,   age : 24,   gender: ‘male’,   gpa : 3.99 } function pick(obj,keys){   return keys.reduce((acc,key) … Continue reading

Posted in functional_programming | Leave a comment