Mix of strings and objects in an array transformed with Lodash

Question

Mix of strings and objects in an array transformed with Lodash

My task involves converting an array that consists of a mix of objects and strings into another object array.

The initial array:

[
  {"text": "Address"},
  {"text": "NewTag"},
  {"text": "Tag"},
  "Address",
  "Name",
  "Profile",
  {"text": "Name"},
]

The desired output array:

[
  {"Tag": "Address", Count: 2},
  {"Tag": "Name", Count: 2},
  {"Tag": "NewTag", Count: 1},
  {"Tag": "Profile", Count: 1},
  {"Tag": "Tag", Count: 1},
]

This is the code I have written to achieve this goal:

var tags = [], tansformedTags=[];   
for (var i = 0; i < input.length; i++) {
  if (_.isObject(input[i])) {
    tags.push(input[i]['text']);
  } else {
    tags.push(input[i]);
  }
}
tags = _.countBy(tags, _.identity);
for (var property in tags) {
  if (!tags.hasOwnProperty(property)) {
    continue;
  }
  tansformedTags.push({ "Tag": property, "Count": tags[property] });
}
return _.sortByOrder(tansformedTags, 'Tag');

I am curious to know if there exists a more efficient and elegant approach to solving this problem?

javascript arrays json lodash

Answer 1

Answer №1

Utilizing the powerful combination of map() and countBy():

_(array)
    .map(function(element) {
        return _.get(element, 'text', element);
    })
    .countBy()
    .map(function(count, text) {
        return { Word: text, Frequency: count };
    })
    .value();

Answer 2

Utilizing the powerful combination of map() and countBy():

_(array)
    .map(function(element) {
        return _.get(element, 'text', element);
    })
    .countBy()
    .map(function(count, text) {
        return { Word: text, Frequency: count };
    })
    .value();

Answer 3

Answer №2

If you want to create a hash table in JavaScript to keep track of the properties in your array, you can utilize Object.create(null). Then, use Object.keys to retrieve the properties and employ map to construct your objects.

var count = Object.create(null);
myArray.forEach(function(element) {
  var property = Object(item) === item ? item.data : item;
  count[property] = (count[property] || 0) + 1;
});
Object.keys(count).sort().map(function(key) {
  return {Property: key, Total: count[key]};
});

Answer 4

If you want to create a hash table in JavaScript to keep track of the properties in your array, you can utilize Object.create(null). Then, use Object.keys to retrieve the properties and employ map to construct your objects.

var count = Object.create(null);
myArray.forEach(function(element) {
  var property = Object(item) === item ? item.data : item;
  count[property] = (count[property] || 0) + 1;
});
Object.keys(count).sort().map(function(key) {
  return {Property: key, Total: count[key]};
});

Mix of strings and objects in an array transformed with Lodash

Answer №1

Answer №2

Similar questions

Effortless Like/Unlike feature with a text button option enhanced with ajax functionality and

What is the best way to iterate over my JSON data using JavaScript in order to dynamically generate cards on my HTML page?

The process of filtering JSON data in Angular can be easily achieved by utilizing the filter functionality

Why is it that when I use XMLHttpRequest for a menu and request a page with HTML that contains JavaScript, nothing happens?

Updating an item stored locally

The functionality of the back button in a JavaScript website only allows users to navigate through their browsing

The JavaScriptSerializer::Deserialize() function eliminates any links within the content

How can I transfer JSON nodes to a different object via drag-and-drop in a ListView using UWP and C#?

Encountering issues accessing the key value 'templateUrl' in Angular6

Encountered a Json Decoder Error when attempting to load data using json.load within Python

Leveraging conditional statements for dynamically computed Vue properties

JavaScript HTTP request causes website navbar animation to malfunction

The base tag does not impact the <META HTTP-EQUIV="Refresh" element in any way

Making changes to a specific row in a datatable within a Flask project

Obtaining [Symbol(Response internals)] through a JSON response

The process of departing a SocketIO room and switching to a different room logic

Retrieving Json data results in a boolean outcome

Obtaining and transferring identifiers for jQuery code execution

Deleting the stylesheet exclusively within the confines of the React application window

What steps do I need to take to display my background using JavaScript and CSS?