ক্লোনিং
জাভাস্ক্রিপ্টে ক্লোন করা অন্য বস্তুর বৈশিষ্ট্যগুলিকে অনুলিপি করা ছাড়া কিছুই নয় যাতে ইতিমধ্যেই বিদ্যমান একটি বস্তুর সৃষ্টি এড়ানো যায়।
জাভাস্ক্রিপ্ট অবজেক্ট ক্লোন করার কয়েকটি উপায় আছে।
1) প্রতিটি সম্পত্তির মাধ্যমে পুনরাবৃত্তি করুন এবং একটি নতুন বস্তুতে অনুলিপি করুন৷
2) JSON পদ্ধতি ব্যবহার করা।
3) object.assign() পদ্ধতি ব্যবহার করা।
আসুন প্রতিটি পদ্ধতি পৃথকভাবে আলোচনা করি
a) প্রতিটি সম্পত্তির মাধ্যমে পুনরাবৃত্তি করুন এবং একটি নতুন বস্তুতে অনুলিপি করুন।
এটি একটি জাভাস্ক্রিপ্ট অবজেক্ট ক্লোন করার একটি পুরানো পদ্ধতি যেখানে প্রতিটি বৈশিষ্ট্য পুনরাবৃত্তি করা হবে এবং একটি নতুন অবজেক্টে অনুলিপি করা হবে৷ এটি একটি সহজ পদ্ধতি কিন্তু খুব কমই এটি ব্যবহার করা হয়৷
উদাহরণ
<html>
<body>
<p id="cloning-1"></p>
<script>
const sourceObject = {name:"salman", age:23, salary:25000};
let requiredObj = {};
for (let pro in sourceObject) {
if (sourceObject.hasOwnProperty(pro)) {
requiredObj[pro] = sourceObject[pro];
}
}
document.getElementById("cloning-1").innerHTML =
"targetObject name = "+requiredObj.name+", age = " + requiredObj.age+", salary = "+requiredObj.salary;
</script>
</body>
</html> আউটপুট
targetObject name = salman, age = 23, salary = 25000
b) JSON পদ্ধতি
এটি একটি জাভাস্ক্রিপ্ট অবজেক্ট ক্লোন করার একটি আধুনিক পদ্ধতি৷ এই পদ্ধতিতে, উত্স অবজেক্ট অবশ্যই JSON নিরাপদ হতে হবে৷
উদাহরণ
<html>
<body>
<p id="cloning-2"></p>
<script>
const sourceObject = {name:"salman", age:23, salary:25000};
let requiredObj = {};
requiredObj = JSON.parse(JSON.stringify(sourceObject));
document.getElementById("cloning-2").innerHTML =
"targetObject name = "+requiredObj.name+", age = " + requiredObj.age+", salary = "+requiredObj.salary;
</script>
</body>
</html> আউটপুট
targetObject name = salman, age = 23, salary = 25000
c) Object.assign()
এটি একটি উন্নত পদ্ধতি যা আজকাল প্রায়শই জাভাস্ক্রিপ্ট অবজেক্ট ক্লোন করার জন্য ব্যবহৃত হয়৷ এই পদ্ধতিটি শুধুমাত্র অগভীর অনুলিপি করে যার মানে নেস্টেড বৈশিষ্ট্যগুলি এখনও রেফারেন্স দ্বারা অনুলিপি করা হয়৷
উদাহরণ
<html>
<body>
<p id="cloning-3"></p>
<script>
const sourceObject = {name:"salman", age:23, salary:25000};
let requiredObj = {};
requiredObj = Object.assign({}, sourceObject);
document.getElementById("cloning-3").innerHTML =
"targetObject name = "+requiredObj.name+", age = " + requiredObj.age+",salary"+requiredObj.salary;
</script>
</body>
</html> আউটপুট
targetObject name = salman, age = 23, salary = 25000
