在foreach循环中动态创建JavaScript对象

Question

I want to create objects in a foreach loop:

I'm starting from this:

data.forEach(function (el) {
        var dynamic_var = new Quill(el['editor']);
         dynamic_var.on('text-change', logHtmlContent);})

But, dynamic_var is 'overwritten', and I want to remain unique.

I check some html elements, and for each one that I found I want to create a new Object, and execute the Object methods.

In my case the variable get a new object per each iteration, is not a new variable.

Answer 1

Is this what you were looking for?

var quillValueContainer = {};

// ...

data.forEach(function(el) {
  quillValueContainer[el] = new Quill(el['editor']);
  quillValueContainer[el].on('text-change', logHtmlContent);
});

This will only work if el is a string, or number. Seeing how you are using it like this: el['editor'] , makes me thing it's an Object , in which case, you can instead use the indices of the elements.

var quillValueContainer = {}; // [] should also work for indexes

// ...

data.forEach(function(el, index) {
  quillValueContainer[index] = new Quill(el['editor']);
  quillValueContainer[index].on('text-change', logHtmlContent);
});

Also, I don't know if this is something you need to do, but you can check if the Quill Object has already been initialized and skipping a duplication if it has, by doing:

data.filter(function(el, index){ return !quillValueContainer[index]; }).foreach(...

Or

data.forEach(function(el, index) {
  if(quillValueContainer[index]) return;
  quillValueContainer[index] = new Quill(el['editor']);
  quillValueContainer[index].on('text-change', logHtmlContent);
});