配列の個数が100個まであり、101個目が追加されたら一番古いものは削除したい

Question

配列が0~99まであった時に、pushで先頭に101個目を追加したとき、配列の最後尾を削除したいのですが、

for(var i =0; i < 100; i++){
var Arr = Arr.push(i);
~

と言った方法以外に何かスマートなやり方はありませんでしょうか？

※100個までは常にpushで先頭に追加
※100個以上で先頭に追加された場合に最後尾の要素を削除したい

Answer 1

100個までは常にpushで先頭に追加

とありますが、Array.prototype.pushは最後尾への追加です（MDN）。

「先頭追加、末尾削除」であればunshiftとpopの組み合わせで、「末尾に追加、先頭削除」であればpushとshiftで行えます。

Comments

[ozaki566]

根本のところで認識が誤っていました(._.；)
ご指摘ありがとう御座いました！

Answer 2

先頭と最後尾という言葉の意味が混乱してしまいます。
push()を使っているため、先頭というのはインデックスを使って示すとArr[Arr.length - 1]のことで、最後尾はArr[0]ということでいいですか？
この認識でいいという仮定でいくと

(Arr = Arr.slice(-99)).push(i);

という書き方になるかと。

もし、逆でしたら

(Arr = Arr.slice(0, 99)).unshift(i);

という書き方になるかと。

Comments

[ozaki566]

pushの認識自体に誤りがありましたm(_ _；)m
ご指摘ありがとう御座います！
無事うまくいきました！

Answer 3

追加が1回に一つずつだとして、

function pushArray(arr, item)
{
  arr.unshift(item);  // 先頭に追加
  if (arr.length == 101) {
    arr.pop();  // 最後尾を削除
  }
}

という感じの関数でもあればよいでしょうか？

※質問は「末尾にどんどん追加していって、100を超えたら先頭から削る」の様な気もします。その場合は unshift() の代わりに push()、pop() の代わりに shift() を使います。

Comments

[ozaki566]

101回以上から削除していくという方法が一番スマートですね！
アドバイスありがとうございました！

Answer 4

こんな感じですよね？

var Arr=[];
var max=10;
for(var i =0; i < 20; i++){
  Arr.unshift(i);
  while(Arr.length>max){
    Arr.pop();
  }
}
console.log(Arr)

100個だと確認しづらいので、20個順に先頭に投入し、
10個を超えたデータを末尾から削除していっています。

途中経過をきにしないなら実際には投入だけさきにやって
終わった後にpopしたほうが効率的です。

Comments

[ozaki566]

unshiftで追加して末尾をPOPで消すという方法が一番良いですね！
アドバイスありがとうございました！

Answer 5

問題からして間違ってる気がするのですが、学校の課題でしょうか･･･？

JavaScriptの配列の使い方まとめ。要素の追加,結合,取得,削除。

先頭に追加 は
var array = ['b', 'c'];
array.unshift('a');
console.log(array); // ['a', 'b', 'c']

末尾に追加 は
var array = ['a', 'b'];
array.push('c');
console.log(array); // ['a', 'b', 'c']

頑張って下さい。

Comments

[ozaki566]

問題すらが間違っていました（ｘ＿ｘ；）
無事上手く動作しました！

Answer 6

コードゴルフですね（違）

( Arr = [i].concat(Arr) ).splice(100,99999999);

Comments

[ozaki566]

こんな書き方もあるのですね！
勉強になりました！