Accessing value of array inside of array in vuejs

user_15781784 0
Viewed 147

I am currently learning Vue3. I am trying to access the values of the array inside an array to make a nice table. Then, those values will be separated by a comma.

Here is the link: https://stackblitz.com/edit/vue-chdcrt?

Expected output:

name | email | socialMedia

Ram | Ram@gmail.com | Weibo, Linkedln

vue.js arrays json javascript
3 Answers

You can just use array.join(character to split with) to convert the array of social medias into a string list. In this case it would be

<td>{{ info.socialMedia.join(', ') }}</td>

Project link

user_102135370

to complete your goals you should use Array.join() method. Also, I strongly recommend you use MDN when looking for built-in methods.

In your case it will be look like:
<td>{{ info.socialMedia.join(', ') }}</td>

user_164472800

You can use join here to join array of strings as:

live DEMO

<td>{{ info.socialMedia.join(", ") }}</td>
user_91534480
Related