.map () একটি জাভাস্ক্রিপ্ট ES6 মানচিত্র?

Question 1

আপনি এই কিভাবে করবেন? সহজাতভাবে, আমি এটি করতে চাই:

var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]);

// wishful, ignorant thinking
var newMap = myMap.map((key, value) => value + 1); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 }

আমি নতুন পুনরাবৃত্তির প্রোটোকলের ডকুমেন্টেশন থেকে খুব বেশি পরিমাণে সংগ্রহ করতে পারি নি ।

আমি সতর্ক wu.js , কিন্তু আমি একটি চলমান করছি হট্টগোল প্রকল্প এবং অন্তর্ভুক্ত করতে চান Traceur , যা মনে হয় মত এটি বর্তমানে উপর নির্ভর করে ।

আমার নিজের প্রকল্পে কীভাবে ফিটজেন / ডাব্লু.জেএস এটি করেছে তা কীভাবে নিষ্কাশন করতে হয় সে সম্পর্কে আমিও কিছুটা নির্বোধ ।

আমি এখানে কী মিস করছি তার স্পষ্ট, সংক্ষিপ্ত ব্যাখ্যাটি পছন্দ করতে চাই। ধন্যবাদ!

ES6 মানচিত্রের জন্য ডক্স , এফওয়াইআই

Question 2

সুতরাং .mapনিজেই কেবল সেটির জন্য একটি মূল্য সরবরাহ করে ... এটি বলেছে, এটি মোকাবেলার কয়েকটি উপায় রয়েছে:

// instantiation
const myMap = new Map([
  [ "A", 1 ],
  [ "B", 2 ]
]);

// what's built into Map for you
myMap.forEach( (val, key) => console.log(key, val) ); // "A 1", "B 2"

// what Array can do for you
Array.from( myMap ).map(([key, value]) => ({ key, value })); // [{key:"A", value: 1}, ... ]

// less awesome iteration
let entries = myMap.entries( );
for (let entry of entries) {
  console.log(entry);
}

দ্রষ্টব্য, আমি দ্বিতীয় দ্বিতীয়টিতে প্রচুর নতুন স্টাফ ব্যবহার করছি ... ... যে Array.fromকোনও পুনরাবৃত্ত হওয়া লাগে (যে কোনও সময় আপনি ব্যবহার করতে চান [].slice.call( ), প্লাস সেট এবং মানচিত্র) এবং এটিকে অ্যারেতে রূপান্তরিত করে ... ... মানচিত্র যখন কোনও অ্যারেতে জোর করা হয় তখন অ্যারের অ্যারেতে পরিণত করুন, যেখানে el[0] === key && el[1] === value;(মূলত, একই ধরণের যেটিতে আমি আমার উদাহরণের সাথে মানচিত্রের উপরের চিত্রটি দিয়েছি)।

আমি ল্যাম্বদার আর্গুমেন্ট অবস্থানে অ্যারের ডিস্ট্রাকচারিং ব্যবহার করছি, প্রতিটি এলের জন্য কোনও বস্তু ফেরার আগে মানগুলিতে সেই অ্যারে স্পটগুলি নির্ধারিত করতে।

আপনি যদি বাবেলকে উত্পাদন হিসাবে ব্যবহার করছেন তবে আপনাকে বাবেলের ব্রাউজার পলিফিল ব্যবহার করতে হবে (যার মধ্যে "কোর-জেএস" এবং ফেসবুকের "রিজেনেটর" রয়েছে)।
আমি এটি যথেষ্ট নিশ্চিত Array.from।

Question 3

আপনার কেবল স্প্রেড অপারেটর ব্যবহার করা উচিত :

var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]);

var newArr = [...myMap].map(value => value[1] + 1);
console.log(newArr); //[2, 3, 4]

var newArr2 = [for(value of myMap) value = value[1] + 1];
console.log(newArr2); //[2, 3, 4]

স্নিপেট প্রসারিত করুন

Question 4

শুধু ব্যবহার Array.from(iterable, [mapFn])।

var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]);

var newArr = Array.from(myMap.values(), value => value + 1);

Question 5

আপনি এই ফাংশনটি ব্যবহার করতে পারেন:

function mapMap(map, fn) {
  return new Map(Array.from(map, ([key, value]) => [key, fn(value, key, map)]));
}

ব্যবহার:

var map1 = new Map([["A", 2], ["B", 3], ["C", 4]]);

var map2 = mapMap(map1, v => v * v);

console.log(map1, map2);
/*
Map { A → 2, B → 3, C → 4 }
Map { A → 4, B → 9, C → 16 }
*/

Question 6

ব্যবহার করে Array.fromআমি একটি টাইপস্ক্রিপ্ট ফাংশন লিখেছিলাম যা মানগুলি মানচিত্র করে:

function mapKeys<T, V, U>(m: Map<T, V>, fn: (this: void, v: V) => U): Map<T, U> {
  function transformPair([k, v]: [T, V]): [T, U] {
    return [k, fn(v)]
  }
  return new Map(Array.from(m.entries(), transformPair));
}

const m = new Map([[1, 2], [3, 4]]);
console.log(mapKeys(m, i => i + 1));
// Map { 1 => 3, 3 => 5 }

Question 7

আসলে আপনার Mapসাথে এখনও অ্যারেতে রূপান্তর করার পরে মূল কীগুলির সাথে একটি থাকতে পারে Array.from। কোনও অ্যারে ফিরিয়েই এটি সম্ভব , যেখানে প্রথম আইটেমটি হ'ল keyএবং দ্বিতীয়টি রূপান্তরিত value।

const originalMap = new Map([
  ["thing1", 1], ["thing2", 2], ["thing3", 3]
]);

const arrayMap = Array.from(originalMap, ([key, value]) => {
    return [key, value + 1]; // return an array
});

const alteredMap = new Map(arrayMap);

console.log(originalMap); // Map { 'thing1' => 1, 'thing2' => 2, 'thing3' => 3 }
console.log(alteredMap);  // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 }

যদি আপনি সেই কীটি প্রথম অ্যারে আইটেম হিসাবে ফেরত না পান তবে আপনি Mapকীগুলি আলগা করুন ।

Question 8

আমি মানচিত্র প্রসারিত করতে পছন্দ করি

export class UtilMap extends Map {  
  constructor(...args) { super(args); }  
  public map(supplier) {
      const mapped = new UtilMap();
      this.forEach(((value, key) => mapped.set(key, supplier(value, key)) ));
      return mapped;
  };
}

Question 9

আপনি মানচিত্র পরিবর্তন করতে ম্যাপ.সেট ব্যবহার করে মাইম্যাপ.ফরএচ এবং প্রতিটি লুপে ব্যবহার করতে পারেন।

myMap = new Map([
  ["a", 1],
  ["b", 2],
  ["c", 3]
]);

for (var [key, value] of myMap.entries()) {
  console.log(key + ' = ' + value);
}


myMap.forEach((value, key, map) => {
  map.set(key, value+1)
})

for (var [key, value] of myMap.entries()) {
  console.log(key + ' = ' + value);
}

স্নিপেট প্রসারিত করুন

Question 10

const mapMap = (callback, map) => new Map(Array.from(map).map(callback))

var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]);

var newMap = mapMap((pair) => [pair[0], pair[1] + 1], myMap); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 }

স্নিপেট প্রসারিত করুন

Question 11

আপনি যদি পুরো মানচিত্রটিকে আগেই অ্যারে রূপান্তর করতে না চান এবং / অথবা ডেস্ট্রাকচার কী-মান অ্যারেগুলি ব্যবহার করতে চান তবে আপনি এই নির্বোধ ফাংশনটি ব্যবহার করতে পারেন:

/**
 * Map over an ES6 Map.
 *
 * @param {Map} map
 * @param {Function} cb Callback. Receives two arguments: key, value.
 * @returns {Array}
 */
function mapMap(map, cb) {
  let out = new Array(map.size);
  let i = 0;
  map.forEach((val, key) => {
    out[i++] = cb(key, val);
  });
  return out;
}

let map = new Map([
  ["a", 1],
  ["b", 2],
  ["c", 3]
]);

console.log(
  mapMap(map, (k, v) => `${k}-${v}`).join(', ')
); // a-1, b-2, c-3

স্নিপেট প্রসারিত করুন

Question 12

Map.prototype.map = function(callback) {
  const output = new Map()
  this.forEach((element, key)=>{
    output.set(key, callback(element, key))
  })
  return output
}

const myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]])
// no longer wishful thinking
const newMap = myMap.map((value, key) => value + 1)
console.info(myMap, newMap)

প্রোটোটাইপগুলি সম্পাদনা এড়ানোর ক্ষেত্রে আপনার ধর্মীয় উত্সাহের উপর নির্ভর করে, তবে, আমি এটি খুঁজে পাই এটি স্বজ্ঞাত রাখতে।

Question 13

আপনি () অ্যারেগুলিতে মানচিত্র তৈরি করতে পারেন তবে মানচিত্রের জন্য এ জাতীয় কোনও অপারেশন নেই। ডাঃ অ্যাক্সেল রাউশমায়ারের সমাধান :

মানচিত্রটিকে [কী, মান] জোড়গুলির একটি অ্যারে রূপান্তর করুন।
অ্যারে মানচিত্র বা ফিল্টার করুন।
ফলাফলটি কোনও মানচিত্রে ফিরে রূপান্তর করুন।

উদাহরণ:

let map0 = new Map([
  [1, "a"],
  [2, "b"],
  [3, "c"]
]);

const map1 = new Map(
  [...map0]
  .map(([k, v]) => [k * 2, '_' + v])
);

ফলে

{2 => '_a', 4 => '_b', 6 => '_c'}

Question 14

সম্ভবত এইভাবে:

const m = new Map([["a", 1], ["b", 2], ["c", 3]]);
m.map((k, v) => [k, v * 2]); // Map { 'a' => 2, 'b' => 4, 'c' => 6 }

আপনার Mapআগে কেবল বানরের প্যাচ প্রয়োজন :

Map.prototype.map = function(func){
    return new Map(Array.from(this, ([k, v]) => func(k, v)));
}

আমরা এই প্যাচটির একটি সহজ ফর্মটি লিখতে পারতাম:

Map.prototype.map = function(func){
    return new Map(Array.from(this, func));
}

তবে আমরা তখন লিখতে বাধ্য করতাম m.map(([k, v]) => [k, v * 2]); যা আমার কাছে কিছুটা বেদনাদায়ক এবং কুরুচিপূর্ণ বলে মনে হয়।

মানচিত্রের মান

আমরা কেবল মানগুলি মানচিত্র করতে পারি, তবে আমি এটি সমাধানের দিকে যাওয়ার পরামর্শ দিচ্ছি না কারণ এটি খুব নির্দিষ্ট। তবুও এটি করা যায় এবং আমাদের নীচের নীচের API থাকবে:

const m = new Map([["a", 1], ["b", 2], ["c", 3]]);
m.map(v => v * 2); // Map { 'a' => 2, 'b' => 4, 'c' => 6 }

ঠিক এইভাবে প্যাচিংয়ের আগে:

Map.prototype.map = function(func){
    return new Map(Array.from(this, ([k, v]) => [k, func(v)]));
}

আপনার উভয় থাকতে পারে, দ্বিতীয়টির নামকরণ করে mapValuesএটি পরিষ্কার করে দেওয়া যায় যে আপনি সম্ভবত বস্তুটি ম্যাপিং করছেন না এটি সম্ভবত প্রত্যাশিত।