亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

目次
How the sort() method works
Sorting numbers correctly with a compare function
Sorting strings
Sorting objects by a property
Important notes
ホームページ ウェブフロントエンド jsチュートリアル JavaScriptで配列を並べ替える方法は?

JavaScriptで配列を並べ替える方法は?

Aug 05, 2025 pm 03:12 PM
配列のソート

數(shù)組的默認排序在處理數(shù)字時可能產(chǎn)生意外結(jié)果,因為sort()方法會將元素轉(zhuǎn)換為字符串并按Unicode值排序;要正確排序數(shù)字,必須使用比較函數(shù);對于數(shù)字升序排列,使用(a, b) => a - b;對于降序排列,使用(a, b) => b - a;字符串排序默認有效,但若需忽略大小寫,應(yīng)使用localeCompare()方法;排序?qū)ο髷?shù)組時,可通過訪問屬性值并結(jié)合比較函數(shù)實現(xiàn),如按年齡排序使用(a, b) => a.age - b.age;為避免修改原數(shù)組,應(yīng)先使用擴展運算符創(chuàng)建副本再排序;復(fù)雜排序(如多字段排序)可通過邏輯或運算符鏈式處理,如a.age - b.age || a.name.localeCompare(b.name);總之,使用比較函數(shù)能實現(xiàn)對排序行為的完全控制,尤其在處理數(shù)字或自定義邏輯時必不可少。

How to sort an array in JavaScript?

Sorting an array in JavaScript is straightforward using the built-in sort() method, but there are some important details to understand—especially how it works by default and how to customize it.

How to sort an array in JavaScript?

How the sort() method works

By default, the sort() method converts array elements to strings and sorts them in ascending order based on Unicode values. This works fine for strings, but can give unexpected results with numbers.

const numbers = [10, 5, 30, 20];
numbers.sort();
console.log(numbers); // [10, 20, 30, 5] ← Not correct numerically!

Why? Because '10', '20', '30', and '5' are compared as strings, and '5' comes after '3' in Unicode order.

How to sort an array in JavaScript?

Sorting numbers correctly with a compare function

To sort numbers properly, you need to provide a compare function:

const numbers = [10, 5, 30, 20];
numbers.sort((a, b) => a - b);
console.log(numbers); // [5, 10, 20, 30] ?
  • If the result is negative, a comes first.
  • If positive, b comes first.
  • If zero, no change.

For descending order:

How to sort an array in JavaScript?
numbers.sort((a, b) => b - a); // [30, 20, 10, 5]

Sorting strings

For strings, sort() works well by default:

const fruits = ['banana', 'apple', 'cherry'];
fruits.sort();
console.log(fruits); // ['apple', 'banana', 'cherry']

For case-insensitive sorting, use localeCompare():

const words = ['Banana', 'apple', 'Cherry'];
words.sort((a, b) => a.localeCompare(b));
console.log(words); // ['apple', 'Banana', 'Cherry']

Sorting objects by a property

You can sort arrays of objects by a specific property:

const users = [
  { name: 'John', age: 30 },
  { name: 'Anna', age: 25 },
  { name: 'Tom', age: 35 }
];

users.sort((a, b) => a.age - b.age);
// Sorts by age ascending

Important notes

  • sort() modifies the original array. To avoid that, create a copy first:

    const sorted = [...numbers].sort((a, b) => a - b);
  • For more complex sorting (like multiple fields), chain conditions:

    users.sort((a, b) => a.age - b.age || a.name.localeCompare(b.name));

    Basically, use sort() with a compare function for full control—especially with numbers or custom logic. Default string-based sorting is fine for simple string arrays but can trip you up otherwise.

    以上がJavaScriptで配列を並べ替える方法は?の詳細內(nèi)容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當する法的責任を負いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

寫真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中國語版

SublimeText3 中國語版

中國語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PHP でキー名を保持する高速配列ソート方法 PHP でキー名を保持する高速配列ソート方法 May 02, 2024 pm 03:06 PM

キー名を保持する PHP の高速配列ソート方法: ksort() 関數(shù)を使用してキーをソートします。ユーザー定義の比較関數(shù)を使用して並べ替えるには、uasort() 関數(shù)を使用します。実際のケース: ユーザー ID を保持しながら、ユーザー ID とスコアの配列をスコアごとに並べ替えるには、uasort() 関數(shù)とカスタム比較関數(shù)を使用できます。

JS 配列のソート: sort() メソッドの動作原理とメカニズムの詳細な分析 JS 配列のソート: sort() メソッドの動作原理とメカニズムの詳細な分析 Dec 28, 2023 am 11:47 AM

JS 配列のソートを深く理解するには、sort() メソッドの原理とメカニズム、具體的なコード例が必要です はじめに: 配列のソートは、日常のフロントエンド開発作業(yè)で非常に一般的な操作の 1 つです。 JavaScript の配列ソート メソッド sort() は、最も一般的に使用される配列ソート メソッドの 1 つです。しかし、sort() メソッドの原理とメカニズムを本當に理解していますか?この記事では、JS 配列の並べ替えの原理とメカニズムを深く理解し、具體的なコード例を示します。 1.sort()メソッドの基本的な使い方

PHP 配列のカスタム並べ替えアルゴリズムを作成するためのガイド PHP 配列のカスタム並べ替えアルゴリズムを作成するためのガイド Apr 27, 2024 pm 06:12 PM

カスタム PHP 配列ソート アルゴリズムを作成するにはどうすればよいですか?バブルソート: 隣接する要素を比較および交換することによって配列をソートします。選択ソート: 毎回最小または最大の要素を選択し、現(xiàn)在の位置と入れ替えます。挿入ソート:ソートされた部分に要素を1つずつ挿入します。

PHP配列を値でソートした後、キー名を保持するにはどうすればよいですか? PHP配列を値でソートした後、キー名を保持するにはどうすればよいですか? May 02, 2024 pm 04:09 PM

PHP でキー名を保持しながら配列を値でソートする方法は、usort() 関數(shù)を使用して配列を値でソートすることです。無名関數(shù)を比較関數(shù)として usort() 関數(shù)に渡し、要素値の差を返します。 usort() は、キー名を変更せずに、匿名関數(shù)に従って配列をソートします。

PHP のカスタム並べ替えルールに従って配列を並べ替え、元のキー名を保持します PHP のカスタム並べ替えルールに従って配列を並べ替え、元のキー名を保持します May 04, 2024 am 09:27 AM

PHP では、uasort() 関數(shù)を使用して、元のキー名を保持しながらカスタムの並べ替えルールに従って配列を並べ替えます。カスタム比較関數(shù)は、2 つの要素を入力として受け取り、整數(shù)を返す関數(shù)です。負の數(shù)値は前者が後者より小さいことを意味し、ゼロはそれらが等しいことを意味し、正の數(shù)値は前者が後者より大きいことを意味します。

PHP関數(shù)「sort」を使用して配列を昇順に並べ替えます PHP関數(shù)「sort」を使用して配列を昇順に並べ替えます Jul 25, 2023 am 09:28 AM

PHP関數(shù)「sort」を使って配列を昇順に並べ替える PHPでは、組み込み関數(shù)を使って簡単に配列を並べ替えることができます。その中でもsort関數(shù)は最もよく使われる関數(shù)の一つで、配列を昇順に並べ替えることができます。この記事では、sort 関數(shù)の使用方法と対応するコード例を紹介します。ソート関數(shù)の構(gòu)文は次のとおりです。sort(array&$array,int$sort_flags=SORT_REGULAR):boo

PHP の asort() 関數(shù)は配列を値でソートします PHP の asort() 関數(shù)は配列を値でソートします Nov 18, 2023 am 10:56 AM

PHP の asort() 関數(shù)は、配列を値でソートします。特定のコード例が必要です。PHP は、豊富な配列処理関數(shù)を備え、広く使用されているサーバー側(cè)スクリプト言語です。中でも、asort()関數(shù)は、配列を値に応じて並べ替えることができる非常に便利な関數(shù)です。この記事では、asort() 関數(shù)の使い方を詳しく紹介し、具體的なコード例を示します。 asort() 関數(shù)の機能は、キーと値の関連付けを維持しながら、配列を値の昇順に並べ替えることです。元の數(shù)値を変更することで行われます

PHP 配列の多次元ソートに関するヒント: ソート効率の最適化 PHP 配列の多次元ソートに関するヒント: ソート効率の最適化 Apr 30, 2024 am 09:54 AM

PHP で多次元配列のソートを最適化するためのヒント: ソート用のユーザー定義関數(shù)を作成する array_multisort() 関數(shù)を使用して、多次元キーの並べ替えを適用する 実際のケース: 配列のキーと値のペアによる製品のソート

See all articles