JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptで文字列内の単語数をカウントする関数の作り方

    本記事では、任意の長さの文字列を引数として受け取り、その文字列に含まれる単語の総数を返すJavaScript関数の作成方法を解説します。 基本的な考え方 英語などのスペース区切りのテキストでは、単語の数は「スペースの数 + 1」と考えることができます。つまり、文字列を先頭から順に走査してスペースの出現回数を数え、初期値1に加算すれば単語数を求められます。ただし、空文字列の場合は単語が存在しないため、0を返すようにします。 コード例 const str = THis is an example string; const findWords = (str = ) => { if(!

  2. 【JavaScript】ネストした配列を1行の文字列にフラット化する方法

    問題の概要まず、次のような数値が入れ子になった(ネストされた)配列があるとします。const arr = [ [ 0, 0, 0, -8.5, 28, 8.5 ], [ 1, 1, -3, 0, 3, 12 ], [ 2, 2, -0.5, 0, 0.5, 5.3 ] ];ここで求められているのは、このようなネストされた数値配列を引数として受け取り、すべての数値を結合して1つの文字列を返すJavaScript関数を作成することです。生成される文字列のルールは以下のとおりです。隣接する数値同士は半角スペースで区切る隣り合う配列の要素の間はカンマで区切る実装例実際のコードは

  3. JavaScriptのバブルソートで配列内のオブジェクトを並べ替える方法

    バブルソートとは? バブルソート(Bubble Sort)は、隣り合う要素同士を順番に比較し、順序が正しくなければ入れ替えるという操作を繰り返す、最も基本的なソートアルゴリズムの一つです。大きい値が泡のように配列の末尾へ浮かんでいく様子から、この名前が付けられました。 本記事では、このバブルソートを使って、オブジェクトが格納された配列を特定のプロパティ(価格)を基準に並べ替える具体的な方法を解説します。 準備:Shoeクラスとオブジェクト配列の作成 まず、次のようなShoe(靴)オブジェクトを生成するためのコンストラクタクラスを定義します。 class Shoe { construct

  4. JavaScriptでカンマ区切りの文字列をオブジェクト内の配列に変換する方法

    次のような文字列があるとします。const str = dress/cotton/black, dress/leather/red, dress/fabric, houses/restaurant/small, houses/school/big, person/james;このような文字列を受け取り、カテゴリ(最初の単語)ごとに値をまとめた、以下のような配列を持つオブジェクトを生成するJavaScript関数を作成する必要があります。const output = { dress: [cotton, leather, black, red, fabric], houses: [

  5. 【JavaScript】複数のキー条件に一致するオブジェクトの件数をカウントする方法

    JavaScriptでは、オブジェクトの配列から特定の条件に一致する要素だけを抽出し、その件数をカウントしたいケースがよくあります。例えば、次のようなオブジェクトの配列があったとします。const arr = [ {goods:Wheat, from:GHANA, to:AUSTRALIA}, {goods:Wheat, from:USA, to:INDIA}, {goods:Wheat, from:SINGAPORE, to:MALAYSIA}, {goods:Wheat, from:USA, to:INDIA}, ];この配列に対して、「from」プロパティ

  6. プロパティに一貫性がないJavaScriptオブジェクト配列を柔軟に並べ替える方法

    実務では、同じ配列の中に「あるプロパティを持つオブジェクト」と「持たないオブジェクト」が混在することがよくあります。ここでは、一部のオブジェクトだけが date フィールド(サーバーから文字列として返される値であり、Date オブジェクトではありません)を持ち、残りのオブジェクトではこのフィールドが null になっているケースを例に、条件に応じた柔軟なソート処理を紹介します。 やりたいこと(要件の整理) 日付を持たないオブジェクトを先頭に表示する 日付を持つオブジェクトは、その後ろに日付の昇順(古い順)で表示する 日付を持たないオブジェクト同士は、name フィールドなどを基準にアルファ

  7. 【JavaScript】オブジェクト配列の複数プロパティを1つの配列にマッピングする方法

    はじめにJavaScript開発では、オブジェクトの配列から特定のプロパティの値を取り出し、それらを1つのフラットな配列にまとめたい場面がよくあります。本記事では、その実装方法を具体的なコード例とともに解説します。例えば、次のようなオブジェクトの配列があるとします。const arr = [ {a: 1, b: 2}, {a: 3, b: 4}, {a: 5, b: 6} ];ここで求められているのは、このようなオブジェクトの配列を引数として受け取り、各オブジェクトが持つプロパティの値をすべて抽出して、次のような数値リテラルの配列へとマッピングするJavaScript関

  8. JavaScriptで指定した範囲内の配列要素をフィルタリングする方法

    数値の配列を第1引数として受け取り、上限値と下限値をそれぞれ第2引数と第3引数として受け取るJavaScript関数を作成します。この関数は、指定された上限と下限の範囲内(境界値を含む)にある要素だけを抜き出し、新しい配列として返す必要があります。実装例このような処理には、配列の filter() メソッドを使うのが最もシンプルです。各要素が下限以上かつ上限以下であるかを判定する条件式をコールバック関数内に記述します。= lower && el <= upper; }); return res; }; console.log(filterByLimits(array, upp

  9. JavaScriptで2D表形式データをオブジェクトの配列に変換する方法

    JavaScriptでは、CSVファイルの読み込み結果やスプレッドシートから取得したデータなど、配列の中に配列が入った「2次元配列」で表形式データを扱う場面が多くあります。本記事では、このような2次元配列を、特定のキー(氏名)ごとにグループ化したオブジェクトの配列へ変換する方法を解説します。 課題の内容 まず、次のような配列の配列を例に考えてみましょう。 const arr = [ [Ashley,2017-01-10,80], [Ashley,2017-02-10,75], [Ashley,2017-03-10,85], [Clara,2017-01-10,9

  10. JavaScriptで2つの文字列を結合してオブジェクトを作成する方法

    この記事では、2つのカンマ区切りの文字列を受け取り、それらを組み合わせて1つのオブジェクトを生成するJavaScript関数の実装方法を解説します。1つ目の文字列はキー(key)のリスト、2つ目の文字列は値(value)のリストを表しており、両方の文字列に含まれる要素(カンマ区切りの項目)の数は常に同じであると仮定します。関数の目的は、これらのキーと値の文字列をもとにオブジェクトを構築し、対応する値をそれぞれのキーに正しくマッピングすることです。実装例const str1 = [atty_hourly_rate], [paralegal_hourly_rate], [advanced_depo

  11. JavaScriptで配列プロパティを持つオブジェクトを1つの配列にフラット化する最適な方法

    例えば、次のように複数の配列を値として持つオブジェクトがあったとします。const obj = {     arr_a: [9, 3, 2],     arr_b: [1, 5, 0],     arr_c: [7, 18] };ここでは、このような「配列の集まりからなるオブジェクト」を引数として受け取り、すべての配列を1つに統合して平坦化(フラット化)した配列を生成するJavaScript関数を作成する必要があります。そのため、最終的な出力配列は次のようになります。cons

  12. JavaScriptで2つのソート済み配列をマージして、結果のソート済み配列を作成する方法

    はじめに 本記事では、2つのソート済み(昇順に並べ替えられた)数値配列を受け取り、それらをマージして1つのソート済み配列として返すJavaScript関数の実装方法を解説します。 問題の概要 例えば、次の2つの配列が与えられたケースを考えてみましょう。 const arr1 = [2, 6, 6, 8, 9]; const arr2 = [1, 4, 5, 7]; この場合、期待される出力は以下の通りです。 const output = [1, 2, 4, 6, 6, 7, 8, 9]; 実装のポイント ここで紹介する手法では、新しい配列を用意する代わりに、arr1 の末尾から大きい値を詰

  13. JavaScriptで2つのオブジェクト配列を重複なくマージする方法

    はじめにJavaScriptで開発をしていると、2つのオブジェクト配列を1つにまとめたい場面はよくあります。しかし、単純に連結するだけでは同じプロパティ値を持つオブジェクトが重複してしまうという問題が発生します。本記事では、「name」プロパティを一意の識別キーとして使い、重複オブジェクトを除外しながら2つの配列をマージする方法を解説します。前提となるデータまず、次のような2つのオブジェクト配列があるとします。const arr1 = [ {name:test, lastname: test, gender:f}, {name:test1, lastname: test1, g

  14. JavaScriptでJSON配列をIDごとにグループ化する方法

    JavaScriptでデータを扱っていると、同じキーを持つ複数のオブジェクトが1つの配列に散らばっているケースによく出会います。例えば、以下のようなJSON配列を見てみましょう。const arr = [     {         id: 03868185,         month_10: 6,     },    &nb

  15. JavaScriptで数値配列の範囲内すべての最小公倍数を求める方法

    問題の概要2つの数値からなる配列で範囲が指定されているとします。ここで求めたいのは、指定された2つの数値の両方、さらにその範囲内に含まれるすべての連続する整数でも割り切れるような最小公倍数(LCM)を計算する関数です。なお、範囲を表す配列の2つの数値は、必ずしも昇順に並んでいるとは限りません。そのため、処理の前にソートしておく必要があります。例えば [1, 3] が与えられた場合、1と3の最小公倍数であり、かつ1から3までのすべての整数(1・2・3)でも割り切れる数を求めます。この場合の答えは 6 です。コード例実際のコードは以下のようになります。const range = [1, 12];

  16. 【JavaScript】オブジェクト配列内に同じキーの値を持つ要素がいくつあるか数える方法

    例えば、ユーザーに関するデータを格納した、次のようなオブジェクトの配列があるとします。const arr = [     {         name: aaa,         id: 2100,         designation: developer     }, &n

  17. JavaScriptで数値Nを2の累乗のチャンクに分割する方法【パーツ数・サイズ制限付き】

    はじめに 本記事では、与えられた数値を特定のルールに従って分割(パーティション)するJavaScript関数の実装方法を解説します。分割の条件は次のとおりです。 チャンク(パーツ)の総数は2の累乗でなければなりません。 各チャンクに含まれる要素数も2の累乗でなければなりません(サイズの上限は32。つまり 1, 2, 4, 8, 16, 32 のいずれか)。 具体例で理解する たとえば 8 は、1つのバケットにそのまままとめることができます。 [8] 9 の場合は次のように分割できます。 [8, 1] これは有効な分割です。どちらの数値も2の累乗であり、配列のサイズが2(これも2の累乗)であ

  18. 【JavaScript】オブジェクトの配列を配列のオブジェクトに変換する方法

    問題の概要JavaScriptでは、複数のオブジェクトを含む配列を、同じキーごとに値をまとめた「配列を持つオブジェクト」へ変換したいケースがあります。例えば、次のようなオブジェクトの配列があったとしましょう。const nights = [ { 2016-06-25: 32, 2016-06-26: 151, 2016-06-27: null }, { 2016-06-24: null, 2016-06-25: null, 2016-06-26: null }, { 2016-06-26: 11, 2016-06-27: 31, 2016-06-28: 31 }, ];

  19. JavaScriptでnull値を持つプロパティを含む配列オブジェクトを並べ替える方法

    JavaScriptでは、複数のオブジェクトを格納した配列を扱う際、一部のプロパティ(キー)に null が設定されているケースによく出会います。この記事では、そのような null 値を含む配列を適切にソートする方法を解説します。要件の整理今回作成するJavaScriptの関数は、以下の条件を満たす必要があります。・オブジェクトの配列を受け取る・オブジェクトの中には、値として null が割り当てられているキーが存在する場合がある・null を持つオブジェクトはすべて配列の末尾に移動する実装のポイントこの問題を解く鍵は、null を比較可能な数値に置き換えてからソートすることです。ここでは n

  20. JavaScriptで数値のn乗根を計算する方法【サンプルコード付き】

    はじめに本記事では、任意の数値のn乗根(ルート)を計算して結果を返すJavaScript関数の実装方法を解説します。Math.pow()メソッドを活用しながら、負の数や偶数乗根への対応も含めた、堅牢な関数を作成していきます。実装コード以下が、n乗根を計算する関数のサンプルコードです。const findNthRoot = (m, n) => {     try {         // nが奇数かつmが負の場合は符号を反転して処理    &

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:53/297  20-コンピューター/Page Goto:1 47 48 49 50 51 52 53 54 55 56 57 58 59