https://takao.blog/en/tags/arrays/Recent content in Arrays on Commentary of TakaoHugo -- gohugo.ioenCommentary of TakaoSat, 13 Jun 2026 23:11:50 +0900https://takao.blog/en/web/js-array-methods/Thu, 12 Dec 2024 00:00:00 +0900https://takao.blog/en/web/js-array-methods/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post JavaScript Array Methods: From Basics to Advanced Patterns" /><p>JavaScript arrays are the backbone of data manipulation in modern web development. With the ES2023 specification introducing immutable alternatives to long-standing mutating methods, now is the perfect time to revisit how we work with arrays. This article covers the full landscape of array methods, from the familiar <code>map</code>, <code>filter</code>, and <code>reduce</code> to cutting-edge additions, with practical examples and performance insights.</p> <h2 id="the-array-method-landscape">The Array Method Landscape </h2><p>Array methods fall into two broad categories: mutating and non-mutating. Methods like <code>push</code>, <code>pop</code>, <code>splice</code>, <code>sort</code>, and <code>reverse</code> modify the array in place, while <code>map</code>, <code>filter</code>, <code>slice</code>, and the ES2023 additions create new arrays. The industry trend is shifting toward immutability, which reduces bugs caused by unintended side effects.</p>