JavaScriptで配列から要素を削除する方法
2017/06/22 先頭と末尾、指定位置など、様々な条件を付けて配列から要素を削除します。 サンプルコードslice()以外は元の配列が変更される点にご注意下さい。 var arr = [ "S", "Y", "N", "C", "E", "R", ] ; // 先頭を削除 arr.shift() ; // 末尾を削除 arr.pop() ; // 途中を削除 arr.splice( 1, 1 ) ; // 両端を削除 var a = arr.slice( 1, 4 ) ;デモ先頭の要素を削除先頭の要素を削除するにはshift()というメソッドを利用します。元の配列が変更されます。
reduce関数は結構有用っていうお話 - あと味
JavaScriptに限った話ではないのですが、reduce関数を持つプログラミング言語がいくつかあります。 JavaScriptに関しては、一応、ECMAScript5の仕様に登場するようで、将来的にはどのブラウザでも使えるようになりそうな気配はあります。 Standard ECMA-262 また、MDCではreduceのアルゴリズムが掲載されているので、これを利用すれば現時点でもどのブラウザでもreduce関数を利用することができます。 reduce関数とは？ MDCに掲載されている文章を引用します。 配列の（左から右へ） 2 つの値に対して同時に関数を適用し、単一の値にします。 JavaScriptのreduceは、配列のメソッドです。左ら右へとありますが、右から左へ関数を適用するreduceRightという関数もあります。*1 どういう時に使えるか 元となる配列があって、それを累積
[Javascript] 配列から特定の要素を削除する(訂正有り) - Qiita
【訂正】下記方法には重複している要素が削除されないなどの問題があります。詳しくはコメント欄を参照してください。 配列の中から特定の要素を削除したいときはsomeメソッドを使うと便利。 var array1 = [10, 20, 30, 40, 50]; var target = 30; //要素を削除する array1.some(function(v, i){ if (v==target) array1.splice(i,1); }); console.log(array1) //=> [10, 20, 40, 50]; /* * 連想配列から特定の要素を排除したいときにも便利 */ var array2 = [ {id:1, name:"hoge"}, {id:2, name:"test"}, {id:3, name:"hello"}, {id:4, name:"world"}, {id
![[Javascript] 配列から特定の要素を削除する(訂正有り) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/61b8f17774509241763342bf73f5338b68a0d644/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YXNjcmlwdCU1RCUyMCVFOSU4NSU4RCVFNSU4OCU5NyVFMyU4MSU4QiVFMyU4MiU4OSVFNyU4OSVCOSVFNSVBRSU5QSVFMyU4MSVBRSVFOCVBNiU4MSVFNyVCNCVBMCVFMyU4MiU5MiVFNSU4OSU4QSVFOSU5OSVBNCVFMyU4MSU5OSVFMyU4MiU4QiUyOCVFOCVBOCU4MiVFNiVBRCVBMyVFNiU5QyU4OSVFMyU4MiU4QSUyOSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NWRiZmY0YjBkYjJlYjA2MTVjNzdlNTQxM2ZkOTY0NDM%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwX3NoaW1penUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWI3MzE0YTJhODBmNWE0ZDMzNTg5MjkyODc0MTRhYzNh%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dd2bf9cac94bf9b6cfb081ec62b50bae2)
多次元配列の利用
JavaScript の要素にはどのような値でも格納することができますが、要素の値として別の配列リテラルを格納することもできます。このような配列のことを多次元配列と呼びます。ここでは JavaScript で多次元配列を扱う方法について解説します。
要素の幅サイズをすべて取得する方法のメモ【jQuery】
要素の幅を取得したい時に、jQueryではwidth()でその要素の幅を取得することができます。（時と場合によっては、outerWidth()やinnerWidth()を使います。） 例えばですが、下記図のようなトピックパスのリスト（li要素でマークアップした場合）の幅を取得したい場合には下記のように書きます。 jQuery(function($) { $("#topic-path li").width(); }); しかし、width()は該当する要素の最初にマッチした要素の幅しか取得するができません。なので、一番最初の【ホーム】と書かれている要素しか取得することができません。 そこで、すべての幅を取得するためには以下のことを行います。 取得した幅サイズを格納するために配列を作る 幅取得のために繰り返し処理 取得した幅サイズを配列に加える 取得した幅サイズを格納するために配列を作る 取得
JavaScriptでDOMに挑戦：初心者のためのJavaScript入門（7） - ＠IT
HTMLをドキュメントオブジェクトとして扱うための約束事「DOM」を、JavaScriptを通して使うことで、HTMLの好きな部分を読み書きすることができます。 連載の前回、「第6回 配列とオブジェクトでデータをまとめる」では、配列とオブジェクトの基本的な扱い方を説明しました。扱うデータの量が少ないうちは、普通の変数だけでなんとかなってしまいますが、データの量が増えれば増えるほど、配列やオブジェクトのありがたみが分かります。 特に、配列に入れたデータを、ループで一気に処理する快感が分かるようになれば、初心者卒業といってもいいでしょう。 それでは、前回の課題の答え合わせをしてみましょう。平均点の求め方は、配列のサンプルでやっていたので簡単すぎたでしょうか。解答サンプルでは、成績の一覧と平均点を同時に表示するようにしてみました。 <html> <body> <script type="text
Perl & JavaScript - 万能配列操作関数spliceを覚えておこう : 404 Blog Not Found
2012年11月24日08:45 カテゴリTipsLightweight Languages Perl & JavaScript - 万能配列操作関数spliceを覚えておこう Perl Cookbook (English) Christiansen / Torkington [邦訳: Perlクックブック] 風邪が全然抜けない…リハビリしなきゃ… 2012/11/23:リストを任意件数ごとにぬるぬる処理する用のモジュール書いた - bayashi.net 鉈でひげ剃り感があるのは、こうも書けるからかな。 use 5.012; sub fizzbuzz { my @fizzbuzz; push @fizzbuzz, ('Fizz')[$_%3] . ('Buzz')[$_%5] || $_ for @_; @fizzbuzz; }; my @hundred = (1..100); whil
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
