angular কৌণিক কৌণিক কপির বিকল্প কি




(11)

আমি পাশাপাশি আপনি কৌনিক.কপি এবং কৌণিক.অরক্ষিত কাজের কোনও সমস্যার মুখোমুখি হয়েছি কারণ তারা কিছু নির্ভরতা যুক্ত না করে অবজেক্টটি অনুলিপি করে না বা বস্তুটি তৈরি করে না। আমার সমাধানটি হ'ল:

  copyFactory = (() ->
    resource = ->
      resource.__super__.constructor.apply this, arguments
      return
    this.extendTo resource
    resource
  ).call(factory)

আমি কীভাবে কোনও বস্তুর অনুলিপি করতে পারি এবং এর কৌনিকটিতে তার উল্লেখটি হারাতে পারি?

angular.copy(object) আমি angular.copy(object) ব্যবহার করতে পারি, তবে এটি কৌণিক ব্যবহার করে কিছুটা ত্রুটি পাচ্ছি।

ছাড়: রেফারেন্সএরর: angular সংজ্ঞায়িত হয়নি


Answer #1

সবচেয়ে সহজ সমাধান আমি খুঁজে পেয়েছি:

let yourDeepCopiedObject = _.cloneDeep(yourOriginalObject);

* গুরুত্বপূর্ণ পদক্ষেপ: এটি ব্যবহারের জন্য আপনাকে অবশ্যই লড্যাশ ইনস্টল করতে হবে (যা অন্যান্য উত্তর থেকে অস্পষ্ট ছিল):

$ npm install --save lodash

$ npm install --save @types/lodash

এবং তারপরে এটি আপনার টিএস ফাইলে আমদানি করুন:

import * as _ from "lodash";

Answer #2

আপনি যদি শ্রেণীর উদাহরণটি অনুলিপি করতে চান তবে আপনি অবজেক্ট.সেসাইনও ব্যবহার করতে পারেন তবে আপনাকে প্রথম প্যারামিটার হিসাবে একটি নতুন উদাহরণ পাস করতে হবে (instead} এর পরিবর্তে):

class MyClass {
    public prop1: number;
    public prop2: number;

    public summonUnicorn(): void {
        alert('Unicorn !');
    }
}

let instance = new MyClass();
instance.prop1 = 12;
instance.prop2 = 42;

let wrongCopy = Object.assign({}, instance);
console.log(wrongCopy.prop1); // 12
console.log(wrongCopy.prop2); // 42
wrongCopy.summonUnicorn() // ERROR : undefined is not a function

let goodCopy = Object.assign(new MyClass(), instance);
console.log(goodCopy.prop1); // 12
console.log(goodCopy.prop2); // 42
goodCopy.summonUnicorn() // It works !

Answer #3

আমার এই বৈশিষ্ট্যটি কেবলমাত্র আমার অ্যাপ্লিকেশনটির 'মডেলগুলি' তৈরি করা উচিত (কাঁচা ব্যাকএন্ড ডেটা অবজেক্টে রূপান্তরিত)। সুতরাং আমি Object.create (নির্দিষ্ট প্রোটোটাইপ থেকে নতুন বস্তু তৈরি করুন) এবং Object.assign (বস্তুর মধ্যে বৈশিষ্ট্য অনুলিপি) ব্যবহার করে শেষ করেছি। ডিপ কপিটি ম্যানুয়ালি হ্যান্ডেল করা দরকার। আমি এই জন্য একটি টুকরো তৈরি।


Answer #4

বারড্যাংগ ইঙ্গিত হিসাবে লোডাশ ব্যবহার করুন। কৌণিকের আর এই পদ্ধতিটি না থাকার কারণ, কারণ কৌণিক 1 একটি একা একক কাঠামো ছিল এবং বহিরাগত গ্রন্থাগারগুলি প্রায়শই কৌণিক প্রয়োগের প্রসঙ্গের সাথে ইস্যুতে চলে আসে। কৌণিক 2 এ সমস্যা নেই, তাই আপনি যা চান লাইব্রেরিটি ব্যবহার করুন।

lodash.com/docs#cloneDeep


Answer #5

যেমন অন্যরা ইতিমধ্যে চিহ্নিত করেছে, লোড্যাশ বা আন্ডারস্কোর ব্যবহার সম্ভবত সেরা সমাধান। তবে অন্য কোনও কিছুর জন্য যদি আপনার এই লাইব্রেরিগুলির প্রয়োজন না হয় তবে আপনি সম্ভবত এরকম কিছু ব্যবহার করতে পারেন:

  function deepClone(obj) {

    // return value is input is not an Object or Array.
    if (typeof(obj) !== 'object' || obj === null) {
      return obj;    
    }

    let clone;

    if(Array.isArray(obj)) {
      clone = obj.slice();  // unlink Array reference.
    } else {
      clone = Object.assign({}, obj); // Unlink Object reference.
    }

    let keys = Object.keys(clone);

    for (let i=0; i<keys.length; i++) {
      clone[keys[i]] = deepClone(clone[keys[i]]); // recursively unlink reference to nested objects.
    }

    return clone; // return unlinked clone.

  }

এটাই আমরা সিদ্ধান্ত নিয়েছি।


Answer #6

একই সমস্যা ছিল এবং কেবল গভীর ক্লোনিংয়ের জন্য কোনও প্লাগইন ব্যবহার করতে চান না:

static deepClone(object): any {
        const cloneObj = (<any>object.constructor());
        const attributes = Object.keys(object);
        for (const attribute of attributes) {
            const property = object[attribute];

            if (typeof property === 'object') {
                cloneObj[attribute] = this.deepClone(property);
            } else {
                cloneObj[attribute] = property;
            }
        }
        return cloneObj;
    }

ক্রেডিট: আমি এই ফাংশনটি আরও পঠনযোগ্য করে তুলেছি , দয়া করে নীচে এর কার্যকারিতা থেকে ব্যতিক্রমগুলি দেখুন


Answer #7

আমাদের আরও ভাল সমাধান না হওয়া পর্যন্ত আপনি নিম্নলিখিতটি ব্যবহার করতে পারেন:

duplicateObject = <YourObjType> JSON.parse(JSON.stringify(originalObject));

সম্পাদনা: স্পষ্টকরণ

দয়া করে মনে রাখবেন: উপরোক্ত সমাধানটি কেবলমাত্র একটি দ্রুত সমাধানের জন্য বোঝানো হয়েছিল, যখন কৌণিক 2 সক্রিয় বিকাশের অধীনে ছিল এমন সময়ে সরবরাহ করা হয়েছিল। আমার আশা ছিল আমরা শেষ পর্যন্ত angular.copy() সমতুল্য angular.copy() । অতএব আমি একটি গভীর-ক্লোনিং লাইব্রেরি লিখতে বা আমদানি করতে চাইনি।

এই পদ্ধতিতে পার্সিং তারিখের বৈশিষ্ট্যগুলির সাথেও সমস্যা রয়েছে (এটি একটি স্ট্রিং হয়ে যাবে)।

দয়া করে উত্পাদন অ্যাপ্লিকেশনগুলিতে এই পদ্ধতিটি ব্যবহার করবেন না । এটি কেবলমাত্র আপনার পরীক্ষামূলক প্রকল্পগুলিতে ব্যবহার করুন - কৌনিক 2 শেখার জন্য আপনি যা করছেন।


Answer #8

ভিতরে নেস্টেড অবজেক্ট থাকা গভীর অনুলিপি করার জন্য বিকল্প হ'ল লোডাশের ক্লোনডিপ পদ্ধতি ব্যবহার করে।

কৌণিকের জন্য, আপনি এটি এটি করতে পারেন:

yarn add lodash বা এনএমপি ইনস্টল লোডাসের সাহায্যে yarn add lodash npm install lodash

আপনার উপাদানগুলিতে, cloneDeep আমদানি cloneDeep এবং এটি ব্যবহার করুন:

import * as cloneDeep from 'lodash/cloneDeep';
...
clonedObject = cloneDeep(originalObject);

এটি আপনার বিল্ডে কেবল 18 কেবি যুক্ত হয়েছে, সুবিধার জন্য উপযুক্ত।

আমি এখানে একটি নিবন্ধও লিখেছি, যদি আপনার লড্যাশের ক্লোনডিপ ব্যবহারের বিষয়ে আরও অন্তর্দৃষ্টি প্রয়োজন।


Answer #9

আমি কৌণিক 5 বা angular.copy () সাথে ব্যবহার করার জন্য একটি পরিষেবা তৈরি করেছি, এটি angular.copy () ব্যবহার করে, এটি আমার পক্ষে ভাল কাজ করে। অতিরিক্তভাবে অন্যান্য বৈশিষ্ট্য যেমন isUndefined ইত্যাদি রয়েছে আমি আশা করি এটি সাহায্য করে। যে কোনও অপ্টিমাইজেশনের মতো, এটি জেনে ভাল লাগবে। শুভেচ্ছা

import { Injectable } from '@angular/core';

@Injectable({providedIn: 'root'})
export class AngularService {

  private TYPED_ARRAY_REGEXP = /^\[object (?:Uint8|Uint8Clamped|Uint16|Uint32|Int8|Int16|Int32|Float32|Float64)Array\]$/;
  private stackSource = [];
  private stackDest = [];

  constructor() { }

  public isNumber(value: any): boolean {
    if ( typeof value === 'number' ) { return true; }
    else { return false; }
  }

  public isTypedArray(value: any) {
    return value && this.isNumber(value.length) && this.TYPED_ARRAY_REGEXP.test(toString.call(value));
  }

  public isArrayBuffer(obj: any) {
    return toString.call(obj) === '[object ArrayBuffer]';
  }

  public isUndefined(value: any) {return typeof value === 'undefined'; }

  public isObject(value: any) {  return value !== null && typeof value === 'object'; }

  public isBlankObject(value: any) {
    return value !== null && typeof value === 'object' && !Object.getPrototypeOf(value);
  }

  public isFunction(value: any) { return typeof value === 'function'; }

  public setHashKey(obj: any, h: any) {
    if (h) { obj.$$hashKey = h; }
    else { delete obj.$$hashKey; }
  }

  private isWindow(obj: any) { return obj && obj.window === obj; }

  private isScope(obj: any) { return obj && obj.$evalAsync && obj.$watch; }


  private copyRecurse(source: any, destination: any) {

    const h = destination.$$hashKey;

    if (Array.isArray(source)) {
      for (let i = 0, ii = source.length; i < ii; i++) {
        destination.push(this.copyElement(source[i]));
      }
    } else if (this.isBlankObject(source)) {
      for (const key of Object.keys(source)) {
        destination[key] = this.copyElement(source[key]);
      }
    } else if (source && typeof source.hasOwnProperty === 'function') {
      for (const key of Object.keys(source)) {
        destination[key] = this.copyElement(source[key]);
      }
    } else {
      for (const key of Object.keys(source)) {
        destination[key] = this.copyElement(source[key]);
      }
    }
    this.setHashKey(destination, h);
    return destination;
  }

  private copyElement(source: any) {

    if (!this.isObject(source)) {
      return source;
    }

    const index = this.stackSource.indexOf(source);

    if (index !== -1) {
      return this.stackDest[index];
    }

    if (this.isWindow(source) || this.isScope(source)) {
      throw console.log('Cant copy! Making copies of Window or Scope instances is not supported.');
    }

    let needsRecurse = false;
    let destination = this.copyType(source);

    if (destination === undefined) {
      destination = Array.isArray(source) ? [] : Object.create(Object.getPrototypeOf(source));
      needsRecurse = true;
    }

    this.stackSource.push(source);
    this.stackDest.push(destination);

    return needsRecurse
      ? this.copyRecurse(source, destination)
      : destination;
  }

  private copyType = (source: any) => {

    switch (toString.call(source)) {
      case '[object Int8Array]':
      case '[object Int16Array]':
      case '[object Int32Array]':
      case '[object Float32Array]':
      case '[object Float64Array]':
      case '[object Uint8Array]':
      case '[object Uint8ClampedArray]':
      case '[object Uint16Array]':
      case '[object Uint32Array]':
        return new source.constructor(this.copyElement(source.buffer), source.byteOffset, source.length);

      case '[object ArrayBuffer]':
        if (!source.slice) {
          const copied = new ArrayBuffer(source.byteLength);
          new Uint8Array(copied).set(new Uint8Array(source));
          return copied;
        }
        return source.slice(0);

      case '[object Boolean]':
      case '[object Number]':
      case '[object String]':
      case '[object Date]':
        return new source.constructor(source.valueOf());

      case '[object RegExp]':
        const re = new RegExp(source.source, source.toString().match(/[^\/]*$/)[0]);
        re.lastIndex = source.lastIndex;
        return re;

      case '[object Blob]':
        return new source.constructor([source], {type: source.type});
    }

    if (this.isFunction(source.cloneNode)) {
      return source.cloneNode(true);
    }
  }

  public copy(source: any, destination?: any) {

    if (destination) {
      if (this.isTypedArray(destination) || this.isArrayBuffer(destination)) {
        throw console.log('Cant copy! TypedArray destination cannot be mutated.');
      }
      if (source === destination) {
        throw console.log('Cant copy! Source and destination are identical.');
      }

      if (Array.isArray(destination)) {
        destination.length = 0;
      } else {
        destination.forEach((value: any, key: any) => {
          if (key !== '$$hashKey') {
            delete destination[key];
          }
        });
      }

      this.stackSource.push(source);
      this.stackDest.push(destination);
      return this.copyRecurse(source, destination);
    }

    return this.copyElement(source);
  }
}


Answer #10
let newObj = JSON.parse(JSON.stringify(obj))

JSON.stringify() পদ্ধতি একটি জাভাস্ক্রিপ্ট অবজেক্ট বা মানকে একটি JSON স্ট্রিংয়ে রূপান্তর করে





angular