Javascript

reverse()は破壊的メソッド【JS】

配列の逆順ソートには reverse() が使えるが、破壊的メソッドなので何かと気を遣う必要があります。
非破壊的に使う場合は、事前にslice()で配列のコピーを作成し、それをreverse()します。

結論

  • 元の配列が変わってもOK
    • array.reverse()
  • 元の配列は残したい
    • array.slice().reverse()

let array = [1,2,3,4,5]

// 破壊的
array.reverse();
// => [5,4,3,2,1]
console.log(array);
// => [5,4,3,2,1]

// 非破壊的
array.slice().reverse();
// => [5,4,3,2,1]
console.log(array);
// => [1,2,3,4,5]

まとめ

javascriptで、配列を逆順に取得するTipsを紹介しました。

jsはなんとなく緩い言語なイメージがあるのですが、破壊的メソッド参照渡しだったりと
不意に忘れてしまう要素も結構あるので、注意していきたいです。

他にも破壊的メソッドは色々あるので、失敗する度に自戒の念として書き残していきたいですね・・・

ピックアップ記事

  1. 【Blender】拡張機能(アドオン)の基本的な使い方
  2. 【Blender】レンダリング結果を新規ウィンドウで開かないようにする
  3. 【Blender】zip版のBlenderをBlender Launcherに移…
  4. 【Rails】modelを作成する
  5. 【UE4】用語備忘録メモ

関連記事

 
  1. Javascript

    パラメータをobjectでまとめて渡す【Vue】

    フロントエンドをvueで実装しているアプリがあります。…

  2. Javascript

    Object.assignではなく、スプレッド構文を使う【JS】

    Object.assignでパラメータの複製とか追加を実装していたの…

カレンダー

2022年9月
 1234
567891011
12131415161718
19202122232425
2627282930  

最近の記事

  1. gitでファイル変更の一部をコミットする
  1. WordPress

    【WPテーマ自作】ローカル環境でWP開発ができる「Local」の導入
  2. gitでファイル変更の一部をコミットする

    git

    git add -p でファイルの一部をコミットする【Git】
  3. Blender

    【UE4】用語備忘録メモ
  4. Blenderの複数バージョンを簡単に管理できるBlenderLauncherの使い方

    Blender

    【Blender】複数バージョンを簡単に管理できる、BlenderLaunche…
  5. Ruby on Rails

    【Rails】findメソッドで連想配列から指定した値を検索する
PAGE TOP