javascript - w3schools - জাভাস্ক্রিপ্ট সেট মিক্সিং?




javascript কি (5)

আমি জাভাস্ক্রিপ্ট কাজ করছি। আমি নিম্নলিখিত বৈশিষ্ট্যের সাথে অনন্য , অকার্যকর স্ট্রিং মানগুলির একটি তালিকা সংরক্ষণ করতে চাই:

  1. একটি দ্রুত উপায় জিজ্ঞাসা 'তালিকায় একটি'?
  2. তালিকায় উপস্থিত থাকলে তালিকা থেকে এটিকে মুছে ফেলতে একটি দ্রুত উপায় '
  3. যদি এটি ইতিমধ্যে উপস্থিত না থাকে তবে 'এটিকে যোগ করুন' করার একটি দ্রুত উপায়।

আমি সত্যিই একটি সেট কি চান। জাভাস্ক্রিপ্ট একটি সেট অনুকরণ করার সেরা উপায় জন্য কোন পরামর্শ?

এই প্রশ্নটি একটি অবজেক্ট ব্যবহার করে সুপারিশ করা হয়েছে , যেগুলি কীগুলির বৈশিষ্ট্যগুলি সংরক্ষণ করা হচ্ছে এবং সমস্ত মান সত্যের সাথে সেট করা আছে: এটি কি একটি বুদ্ধিমান উপায়?


ECMAScript 6 অনুসারে, সেট ডেটা-স্ট্রাকচার একটি অন্তর্নির্মিত বৈশিষ্ট্য । Node.js সংস্করণ সঙ্গে সামঞ্জস্য here পাওয়া here


Javascript এর ES6 সংস্করণে আপনি সেটের জন্য টাইপ করেছেন ( আপনার ব্রাউজারের সাথে সামঞ্জস্য পরীক্ষা করুন )।

var numbers = new Set([1, 2, 4]); // Set {1, 2, 4}

সেটটিতে একটি উপাদান যোগ করার জন্য আপনি কেবল .add() ব্যবহার করেন যা O(1) সঞ্চালিত হয় এবং এটি সেট করার জন্য উপাদানটি যোগ করে (যদি এটি বিদ্যমান না থাকে) বা এটি ইতিমধ্যে থাকলে কিছুই না থাকে। আপনি যেকোনো ধরনের উপাদান যোগ করতে পারেন (অ্যারে, স্ট্রিং, সংখ্যা)

numbers.add(4); // Set {1, 2, 4}
numbers.add(6); // Set {1, 2, 4, 6}

সেটের উপাদানগুলির সংখ্যা পরীক্ষা করতে, আপনি সহজেই .size ব্যবহার করতে পারেন। এছাড়াও O(1) রান

numbers.size; // 4

সেট ব্যবহার থেকে উপাদান মুছে ফেলার জন্য.delete() । মান যদি সেখানে থাকে (এবং সরানো হয়েছিল) তখন সত্যটি ফেরত দেয় এবং মানটি বিদ্যমান না থাকলে মিথ্যা হয়। এছাড়াও O(1) রান।

numbers.delete(2); // true
numbers.delete(2); // false

একটি সেট ব্যবহার .has() , যা উপস্থিত থাকে তা পরীক্ষা করার জন্য, যদি উপাদানটি সেটটিতে থাকে এবং অন্যথায় মিথ্যা হয় তবে তা সত্য করে। এছাড়াও O(1) রান।

numbers.has(3); // false
numbers.has(1); // true

আপনি চেয়েছিলেন পদ্ধতি ছাড়াও, কয়েক অতিরিক্ত এক আছে:

  • numbers.clear(); সেট থেকে সব উপাদান মুছে ফেলবে
  • numbers.forEach(callback); সন্নিবেশ আদেশ সেট সেট মান মাধ্যমে পুনরাবৃত্তি
  • numbers.entries(); সব মান একটি পুনরাবৃত্ত তৈরি করুন
  • numbers.keys(); সংখ্যার কীগুলি ফেরত দেয় যা numbers.values() সমান। মানের numbers.values()

একটি Weakset রয়েছে যা শুধুমাত্র বস্তুর-টাইপ মান যোগ করার অনুমতি দেয়।


আমি শুধু লক্ষ্য করেছি যে d3.js লাইব্রেরি সেট, মানচিত্র এবং অন্যান্য তথ্য কাঠামোর বাস্তবায়ন করেছে। আমি তাদের কার্যকারিতা সম্পর্কে তর্ক করতে পারি না তবে এটি একটি জনপ্রিয় লাইব্রেরি যা আপনার প্রয়োজন তা অবশ্যই হওয়া উচিত।

ডকুমেন্টেশন here

সুবিধার জন্য আমি লিঙ্ক থেকে অনুলিপি (প্রথম 3 ফাংশন সুদের যারা)

  • d3.set ([অ্যারের])

একটি নতুন সেট গঠন করে। অ্যারের নির্দিষ্ট করা হলে, স্ট্রিং মানগুলির প্রদত্ত অ্যারে ফেরত সেটটিতে যোগ করে।

  • set.has (মান)

যদি এই সেটটি নির্দিষ্ট মান স্ট্রিংয়ের জন্য একটি এন্ট্রি থাকে তবে সত্য এবং সত্যটি ফেরত দেয়।

  • set.add (মান)

এই সেট নির্দিষ্ট মান স্ট্রিং যোগ করে।

  • set.remove (মান)

সেট নির্দিষ্ট মান স্ট্রিং ধারণ করে, এটি অপসারণ এবং সত্য ফিরে। অন্যথায়, এই পদ্ধতি কিছুই করে এবং মিথ্যা ফেরত।

  • set.values ​​()

এই সেটের স্ট্রিং মানগুলির একটি অ্যারে প্রদান করে। ফেরত মান অর্ডার ইচ্ছাকৃতভাবে হয়। স্ট্রিং একটি সেট জন্য অনন্য মান কম্পিউটিং একটি সুবিধাজনক উপায় হিসাবে ব্যবহার করা যেতে পারে। উদাহরণ স্বরূপ:

d3.set (["foo", "bar", "foo", "baz"])। মান (); // "foo", "bar", "baz"

  • set.forEach (ফাংশন)

এই সেটের প্রতিটি মানের জন্য নির্দিষ্ট ফাংশন কল করে, একটি যুক্তি হিসাবে মানটি পাশ করে। ফাংশন এই প্রেক্ষাপটে এই সেট। অনির্ধারিত ফেরত। পুনরাবৃত্তি আদেশ ইচ্ছাকৃতভাবে হয়।

  • set.empty ()

যদি এই সেটটির শূন্য মান থাকে এবং শুধুমাত্র তখনই সত্য ফেরত আসে।

  • set.size ()

এই সেট মানগুলির সংখ্যা প্রদান করে।


আমি সংখ্যার বাস্তবায়ন শুরু করেছি যা বর্তমানে সংখ্যা এবং স্ট্রিংগুলির সাথে বেশ ভালভাবে কাজ করে। আমার প্রধান ফোকাস পার্থক্য অপারেশন ছিল, তাই আমি যতটা সম্ভব আমি এটা দক্ষ করার চেষ্টা। ফোরস এবং কোড রিভিউ স্বাগত জানাই!

https://github.com/mcrisc/SetJS


আপনি যদি ES6- সক্ষম পরিবেশে প্রোগ্রামিং করছেন (যেমন নোড.জেএসএস, ES6 ক্ষমতাগুলির একটি নির্দিষ্ট ব্রাউজার যা আপনার এনভায়রনমেন্টের জন্য ES6 কোডের প্রয়োজন বা ট্রান্সলাইং করে), তখন আপনি ES6 এ তৈরি Set অবজেক্টটি ব্যবহার করতে পারেন। এটি খুব সুন্দর ক্ষমতা আছে এবং আপনার পরিবেশে সঠিক হিসাবে ব্যবহার করা যেতে পারে।

একটি ES5 পরিবেশে অনেক সহজ জিনিসগুলির জন্য, একটি অবজেক্ট ব্যবহার করে খুব ভাল কাজ করে। যদি obj আপনার অবজেক্ট এবং A একটি পরিবর্তনশীল যার মানটি আপনি সেটটিতে চালাতে চান তবে আপনি এটি করতে পারেন:

সূচনা কোড

// create empty object
var obj = {};

// or create an object with some items already in it
var obj = {"1":true, "2":true, "3":true, "9":true};

প্রশ্ন 1: তালিকায় A আছে:

if (A in obj) {
    // put code here
}

প্রশ্ন 2: তালিকা থেকে 'এ' মুছে ফেলুন যদি এটি থাকে:

delete obj[A];

প্রশ্ন 3: তালিকাতে 'এ' যুক্ত করুন যদি এটি ইতিমধ্যে না থাকে

obj[A] = true;

সম্পূর্ণতার জন্য, তালিকায় থাকা A কিনা তার জন্য পরীক্ষাটি আরও নিরাপদ:

if (Object.prototype.hasOwnProperty.call(obj, A))
    // put code here
}

কারিগর সম্পত্তি মত বেস অবজেক্টের অন্তর্নির্মিত পদ্ধতি এবং / অথবা বৈশিষ্ট্যগুলির মধ্যে সম্ভাব্য দ্বন্দ্বের কারণে।

ES6 এ সাইডবার: ইসিএমএসস্ক্রিপ্ট 6 এর বর্তমান কাজ সংস্করণ বা ES 2015 নামক কোন কিছুতে একটি অন্তর্নির্মিত সেট বস্তু রয়েছে । এটা এখন কিছু ব্রাউজারে প্রয়োগ করা হয়। যেহেতু ব্রাউজারের প্রাপ্যতা সময়ের সাথে পরিবর্তিত হয়েছে, তাই আপনি ব্রাউজারের উপলব্ধতার বর্তমান অবস্থা দেখতে এই ES6 সামঞ্জস্যতা সারণিতে Set জন্য লাইনটি দেখতে পারেন।

অন্তর্নির্মিত সেট অবজেক্টের একটি সুবিধা হল যে এটি সমস্ত কীকে বস্তুর মতো স্ট্রিংয়ে জোরে জোরে জোরে জোরে জোরে জোরে জোরালো করে না, তাই আপনার 5 এবং "5" পৃথক কী হিসাবে উভয় থাকতে পারে। এবং, আপনি স্ট্রিং রূপান্তর ছাড়া সরাসরি সেটগুলিতে বস্তুগুলি ব্যবহার করতে পারেন। এখানে এমন একটি নিবন্ধ রয়েছে যা সেট বস্তুর কিছু ক্ষমতা এবং MDN এর ডকুমেন্টেশন বর্ণনা করে।

আমি এখন ES6 সেট অবজেক্টের জন্য একটি পলিফিল লিখেছি যাতে আপনি এখন এটি ব্যবহার করতে শুরু করতে পারেন এবং ব্রাউজারটি যদি এটি সমর্থন করে তবে এটি স্বয়ংক্রিয়ভাবে বিল্ট-ইন সেট বস্তুটিকে বিলম্বিত করবে। এই সুবিধাটি রয়েছে যে আপনি ES6 সামঞ্জস্যপূর্ণ কোডটি লিখছেন যা IE7 তে ফিরে আসার জন্য সমস্তভাবে কাজ করবে। কিন্তু, কিছু downsides আছে। ES6 সেট ইন্টারফেসটি ES6 for (item of mySet) সুবিধা নেয় যাতে আপনি for (item of mySet) জিনিসগুলি করতে পারেন এবং এটি স্বয়ংক্রিয়ভাবে আপনার জন্য সেটের মাধ্যমে পুনরাবৃত্তি করে। কিন্তু, এই ধরনের ভাষা বৈশিষ্ট্যটি পলিফিলের মাধ্যমে প্রয়োগ করা যাবে না। আপনি এখনও নতুন ES6 ভাষা বৈশিষ্ট্যগুলি ব্যবহার না করেই একটি ES6 সেট পুনরাবৃত্তি করতে পারেন, তবে নতুন ভাষা বৈশিষ্ট্যগুলি ছাড়া স্পষ্টতই, এটি নীচে থাকা অন্যান্য সেট ইন্টারফেসের মতোই সুবিধাজনক নয়।

আপনি উভয় খুঁজছেন পরে কোনটি আপনার জন্য সেরা কাজ করে তা নির্ধারণ করতে পারেন। ES6 সেট পলিফিল এখানে রয়েছে: https://github.com/jfriend00/ES6-Set সেট।

FYI, আমার নিজস্ব পরীক্ষায়, আমি লক্ষ্য করেছি যে ফায়ারফক্স ভি29 সেট বাস্তবায়ন স্পিকার বর্তমান খসড়াটিতে সম্পূর্ণরূপে আপ টু ডেট নয়। উদাহরণস্বরূপ, আপনি চেন .add() পদ্ধতি কলগুলি যেমন বর্ণ বর্ণনা এবং আমার পলিফিল সমর্থন করে না। এটি সম্ভবত গতির একটি স্পেসিফিকেশন ব্যাপার হিসাবে এটি এখনও চূড়ান্ত করা হয় না।

প্রি-বিল্ট সেট সেট অবজেক্টস: যদি আপনি কোনও ব্রাউজারে যে সেট ব্যবহার করতে পারেন সেটিতে কোনও অপারেটিংয়ের জন্য ইতিমধ্যে পদ্ধতি তৈরি করা থাকে তবে আপনি বিভিন্ন প্রকারের সেটগুলি প্রয়োগ করতে বিভিন্ন প্রাক-নির্মিত বস্তুর একটি সিরিজ ব্যবহার করতে পারেন। একটি মিনিসেট রয়েছে যা ছোট কোড যা একটি সেট বস্তুর বুনিয়াদি প্রয়োগ করে। এটিতে আরও একটি বৈশিষ্ট্য সমৃদ্ধ সেট বস্তু এবং একটি অভিধান সহ কয়েকটি ডেরিভেশনস রয়েছে (আসুন আপনি প্রতিটি কীটির জন্য একটি মান সংরক্ষণ / পুনরুদ্ধার করুন) এবং একটি বস্তু সেট (আপনি বস্তুর একটি সেট রাখুন - উভয় JS বস্তু বা DOM অবজেক্ট যেখানে আপনি সরবরাহ করেন ফাংশন যা প্রতিটি এক বা ObjectSet জন্য একটি অনন্য কী জেনারেট করে আপনার জন্য কী উৎপন্ন করবে)।

এখানে মিনিসেটের জন্য কোডের একটি অনুলিপি রয়েছে (বেশিরভাগ আপ-টু-ডেট কোড এখানে জিতুব )।

"use strict";
//-------------------------------------------
// Simple implementation of a Set in javascript
//
// Supports any element type that can uniquely be identified
//    with its string conversion (e.g. toString() operator).
// This includes strings, numbers, dates, etc...
// It does not include objects or arrays though
//    one could implement a toString() operator
//    on an object that would uniquely identify
//    the object.
// 
// Uses a javascript object to hold the Set
//
// This is a subset of the Set object designed to be smaller and faster, but
// not as extensible.  This implementation should not be mixed with the Set object
// as in don't pass a miniSet to a Set constructor or vice versa.  Both can exist and be
// used separately in the same project, though if you want the features of the other
// sets, then you should probably just include them and not include miniSet as it's
// really designed for someone who just wants the smallest amount of code to get
// a Set interface.
//
// s.add(key)                      // adds a key to the Set (if it doesn't already exist)
// s.add(key1, key2, key3)         // adds multiple keys
// s.add([key1, key2, key3])       // adds multiple keys
// s.add(otherSet)                 // adds another Set to this Set
// s.add(arrayLikeObject)          // adds anything that a subclass returns true on _isPseudoArray()
// s.remove(key)                   // removes a key from the Set
// s.remove(["a", "b"]);           // removes all keys in the passed in array
// s.remove("a", "b", ["first", "second"]);   // removes all keys specified
// s.has(key)                      // returns true/false if key exists in the Set
// s.isEmpty()                     // returns true/false for whether Set is empty
// s.keys()                        // returns an array of keys in the Set
// s.clear()                       // clears all data from the Set
// s.each(fn)                      // iterate over all items in the Set (return this for method chaining)
//
// All methods return the object for use in chaining except when the point
// of the method is to return a specific value (such as .keys() or .isEmpty())
//-------------------------------------------


// polyfill for Array.isArray
if(!Array.isArray) {
    Array.isArray = function (vArg) {
        return Object.prototype.toString.call(vArg) === "[object Array]";
    };
}

function MiniSet(initialData) {
    // Usage:
    // new MiniSet()
    // new MiniSet(1,2,3,4,5)
    // new MiniSet(["1", "2", "3", "4", "5"])
    // new MiniSet(otherSet)
    // new MiniSet(otherSet1, otherSet2, ...)
    this.data = {};
    this.add.apply(this, arguments);
}

MiniSet.prototype = {
    // usage:
    // add(key)
    // add([key1, key2, key3])
    // add(otherSet)
    // add(key1, [key2, key3, key4], otherSet)
    // add supports the EXACT same arguments as the constructor
    add: function() {
        var key;
        for (var i = 0; i < arguments.length; i++) {
            key = arguments[i];
            if (Array.isArray(key)) {
                for (var j = 0; j < key.length; j++) {
                    this.data[key[j]] = key[j];
                }
            } else if (key instanceof MiniSet) {
                var self = this;
                key.each(function(val, key) {
                    self.data[key] = val;
                });
            } else {
                // just a key, so add it
                this.data[key] = key;
            }
        }
        return this;
    },
    // private: to remove a single item
    // does not have all the argument flexibility that remove does
    _removeItem: function(key) {
        delete this.data[key];
    },
    // usage:
    // remove(key)
    // remove(key1, key2, key3)
    // remove([key1, key2, key3])
    remove: function(key) {
        // can be one or more args
        // each arg can be a string key or an array of string keys
        var item;
        for (var j = 0; j < arguments.length; j++) {
            item = arguments[j];
            if (Array.isArray(item)) {
                // must be an array of keys
                for (var i = 0; i < item.length; i++) {
                    this._removeItem(item[i]);
                }
            } else {
                this._removeItem(item);
            }
        }
        return this;
    },
    // returns true/false on whether the key exists
    has: function(key) {
        return Object.prototype.hasOwnProperty.call(this.data, key);
    },
    // tells you if the Set is empty or not
    isEmpty: function() {
        for (var key in this.data) {
            if (this.has(key)) {
                return false;
            }
        }
        return true;
    },
    // returns an array of all keys in the Set
    // returns the original key (not the string converted form)
    keys: function() {
        var results = [];
        this.each(function(data) {
            results.push(data);
        });
        return results;
    },
    // clears the Set
    clear: function() {
        this.data = {}; 
        return this;
    },
    // iterate over all elements in the Set until callback returns false
    // myCallback(key) is the callback form
    // If the callback returns false, then the iteration is stopped
    // returns the Set to allow method chaining
    each: function(fn) {
        this.eachReturn(fn);
        return this;
    },
    // iterate all elements until callback returns false
    // myCallback(key) is the callback form
    // returns false if iteration was stopped
    // returns true if iteration completed
    eachReturn: function(fn) {
        for (var key in this.data) {
            if (this.has(key)) {
                if (fn.call(this, this.data[key], key) === false) {
                    return false;
                }
            }
        }
        return true;
    }
};

MiniSet.prototype.constructor = MiniSet;







javascript