31:[] 2f:{"title":"Simple combination of two arrays in JavaScript","cells":[{"id":0,"value":"# Simple combination of two arrays in JavaScript","pinned":false,"hidden":false,"mode":"md"},{"id":322,"value":"

In JavaScript, we can use the map() function along with other array methods such as reduce() or find() to combine objects based on a common key.

In the following example, the common key is the ASCII string used to create text emoticons.

","pinned":false,"hidden":false,"mode":"html"},{"id":270,"value":"

Meaning of emoticon ASCII strings

","pinned":false,"hidden":false,"mode":"html"},{"id":241,"value":"Inputs.table(emoticon_ASCII_meaning, {maxWidth: 280})","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"emoticon_ASCII_meaning = [\n { String: ':-)', Meaning: 'happy face' },\n { String: ':-(', Meaning: 'sad' },\n { String: ':‑D', Meaning: 'laughing' },\n { String: ':‑P', Meaning: 'tongue sticking out' }, \n { String: '>:(', Meaning: 'angry' }, \n { String: '~:>', Meaning: 'chicken' },\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":266,"value":"

Emoticon ASCII characters vs. emoji pictogram

","pinned":false,"hidden":false,"mode":"html"},{"id":239,"value":"Inputs.table(ASCII_vs_emoji, {maxWidth: 280})","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"ASCII_vs_emoji = [\n { String: '>:(', Pictogram: '😡' },\n { String: ':-)', Pictogram: '🙂' },\n { String: ':‑D', Pictogram: '😃' },\n { String: ':-(', Pictogram: '☹️' },\n { String: '~:>', Pictogram: '🐔' },\n { String: ':‑P', Pictogram: '🤑' },\n ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":285,"value":"

Emoticon ASCII characters / emoji pictograms / Meaning

","pinned":false,"hidden":false,"mode":"html"},{"id":371,"value":"The following array is obtained using the find() method.","pinned":false,"hidden":false,"mode":"html"},{"id":227,"value":"Inputs.table(emojis, { width: {String: 60, Meaning: 150}, maxWidth: 380})","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"emojis = emoticon_ASCII_meaning.map(obj1 => { \n let obj2 = ASCII_vs_emoji.find(obj2 => obj1.String === obj2.String); \n return { ...obj1, ...obj2 }; \n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":377,"value":"
\n

Useful reference

\nHow to map two arrays of objects in JavaScript [Visited: July 10, 2023]\n

","pinned":false,"hidden":false,"mode":"html"}],"files":"$W31","stdlib":"1","titling":"auto"}