สวัสดีครับ ไม่ได้เขียน Blog มานาน วันนี้เอาซะหน่อยเป็นเรื่องสั้นๆที่เกี่ยวกับการ Clone object ใน Javascript
ปกติ Object ใน Javascript จะเป็น Referent type หมายความว่า เมื่อเราสร้าง Object ขึ้นมา มันจะสร้าง Reference variable ไว้ใน Stack memory และใช้ Variable ที่เราประกาศ ชี้ไปยัง data ที่อยู่ในหน่วยความจำส่วนของ Heap memory อีกที
เพื่อความเข้าใจมาดูตัวอย่างนี้ครับ
val obj1 = {
counter: 1
}
val obj2 = obj1
obj2.counter++
// Output "Counter in obj1 is: 2"
console.log("Counter in obj1 is: " + obj1.counter)
จากตัวอย่าง จะเห็นว่า obj1 และ Obj2 ชี้ไปยัง Object เดียวกัน ทําให้เมื่อเปลี่ยนแปลงข้อมูลที่อยู่ใน obj2 ส่งผลให้ obj1 เปลี่ยนแปลงตามไปด้วย
ถ้าหากว่าถ้าเราต้องการจะ Clone object ละ จะทําอย่างไร?
ในบทความนี้ผมจะเสนอวิธีการ Clone สองวิธีดังนี้
const deepClone = (obj) => {
return JSON.parse(JSON.stringify(obj));
};
let testObject = {
counter: 1,
};
let newObject = deepClone(testObject);
newObject.counter++;
console.log('testObject data is ' + testObject.counter);
console.log('newObject data is ' + newObject.counter);
ลองรัน Code ได้ที่นี่ es6console.com/jnenhefu/
การทํางานคือจะแปลง Object เป็น Json String ก่อน แล้วก็แปลงกลับ เป็น Object อีกครั้ง
const deepClone = (obj, output = Array.isArray(obj) ? [...obj] : { ...obj }) => {
Object.keys(obj).forEach((key) => {
if (typeof obj[key] === 'object') {
output[key] = Array.isArray(obj[key]) ? [...obj[key]] : { ...obj[key] };
deepCopy(obj[key], output[key]);
}
});
return output;
};
let testObject = {
counter: 1,
};
let newObject = deepClone(testObject);
newObject.counter++;
console.log('testObject data is ' + testObject.counter);
console.log('newObject data is ' + newObject.counter);
ทดลองรันได้ที่นี่ jsfiddle.net/kr81zq67/3/
ทั้งสองแบบสามารถใช้งานได้เหมือนกัน แต่จะมีข้อแตกต่างคือ แบบที่1 จะไม่สามารถใช้กับ Object ที่มีข้อมูลเป็น Fuction ได้ ส่วนแบบที่2 สามารถใช้กับ Object ที่มีข้อมูลทุกประเภท
ทรานซิสเตอร์ (TRANSISTORS)Imagetransistor ทรานซิสเตอร์ เป็นอุปกรณ์อิเล็กทรอนิกส์ ซึ่งประกอบไปด้วยสารกึ่งตัวนําสองชนิดคือ P และ N โดยส่วนมากทรานซิสเตอร์จะถูกนําไปใช้ในวงจรขยายสัญญาณ ทรานซิสเตอร์มีขาทั้งหมด 3 ขาดังนี้
สวัสดีครับ ปกติเวลาเราต้องการจะติดตั้ง Software บนเครื่อง Mac ก็สามารถทําได้หลายรูปแบบ เช่น โหลด file พวก _.dmg หรือ _.pkg สําหรับติดตั้งมากดติดตั้ง หนึ่งในหลายๆแบบในการติดตั้ง Software บน Mac ที่งายก็คือการใช้งาน Brew ครับ ซึ่ง Brew จะช่วยให้เราสามารถติดตั้ง Software บน Mac ได้ในคําสั่งเดียว โดยเราไม่ต้องไปโหลด File install ลงมาบนเครื่องให้ยุ่งยาก
ประวัติความเป็นมา จังหวัดชัยนาทชัยนาทแปลตามศัพท์มีความหมายว่า "ชัยชนะที่มีเสียงบันลือ" เป็นเมืองโบราณเมืองหนึ่ง ตัวเมืองเดิมอยู่บริเวณฝั่งขวาแม่น้ำเจ้าพระยาที่ปากคลองแพรกศรีราชา ใต้ปากน้ำเก่า สันนิษฐานว่าคงจะสร้างขึ้นในสมัยพญาเลอไทครองกรุงสุโขทัยระหว่าง พ.ศ.