{"id":1600,"date":"2023-10-09T05:00:00","date_gmt":"2023-10-09T12:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=1600"},"modified":"2023-09-29T14:51:06","modified_gmt":"2023-09-29T21:51:06","slug":"array-destructuring-with-javascript","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/array-destructuring-with-javascript\/","title":{"rendered":"Array destructuring with JavaScript"},"content":{"rendered":"\n

In our last post, we saw how to implement object destructuring. A similar feature is available for arrays and replaces the following syntax:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

With destructuring, we can simplify that code into:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

The only difference with object destructuring is the usage of square brackets []<\/code> instead of curly ones {}<\/code>. Default values are supported, too:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

And if you want to ignore one or more items in the array, you can leave blank spaces instead of variable names:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

You can find more examples in the MDN web docs here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

In our last post, we saw how to implement object destructuring. A similar feature is available for arrays and replaces the following syntax: With destructuring, we can simplify that code into: The only difference with object destructuring is the usage of square brackets [] instead of curly ones {}. Default values are supported, too: And […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-1600","post","type-post","status-publish","format-standard","hentry","category-javascript"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t