web-dev-qa-db-ja.com

Javascriptでオブジェクトをスライスするにはどうすればよいですか？

Array.prototypeを使用してオブジェクトをスライスしようとしていましたが、空の配列を返します。引数を渡す以外にオブジェクトをスライスする方法はありますか、それともコードに何か問題がありますか？ THX！！

var my_object = {
 0: 'zero',
 1: 'one',
 2: 'two',
 3: 'three',
 4: 'four'
};

var sliced = Array.prototype.slice.call(my_object, 4);
console.log(sliced);
javascriptarraysobjectargumentsslice
15
JC Garcia

Array.prototypeを使用してオブジェクトをスライスしようとしましたが、空の配列を返します

これは、.lengthプロパティがないためです。アクセスし、undefinedを取得し、数値にキャストし、0を取得し、オブジェクトから最大で多くのプロパティをスライスしようとします。したがって、目的の結果を得るには、オブジェクトに手動でlengthまたはイテレータを割り当てる必要があります。

var my_object = {0: 'zero', 1: 'one', 2: 'two', 3: 'three', 4: 'four'};

my_object.length = 5;
console.log(Array.prototype.slice.call(my_object, 4));

var sliced = [];
for (var i=0; i<4; i++)
    sliced[i] = my_object[i];
console.log(sliced);
8
Bergi

Object.entries（） についてはまだ誰も言及していません。これが最も柔軟な方法かもしれません。このメソッドは、プロパティを列挙するときに_for..in_と同じ順序、つまりプロパティが最初にオブジェクトに入力された順序を使用します。また、プロパティと値の両方を持つサブアレイを取得するため、どちらかまたは両方を使用できます。最後に、プロパティが数値であることや、余分な長さプロパティを設定することを心配する必要はありません（Array.prototype.slice.call()を使用するときのように）。
例を次に示します。

_const obj = {'prop1': 'foo', 'prop2': 'bar', 'prop3': 'baz', 'prop4': {'prop': 'buzz'}};
_

最初の2つの値をスライスします。

_Object.entries(obj).slice(0,2).map(entry => entry[1]);
//["foo", "bar"]
_

すべてのキー？

_Object.entries(obj).slice(0).map(entry => entry[0]);
//["prop1", "prop2", "prop3", "prop4"]
_

最後のキーと値のペア？

_Object.entries(obj).slice(-1)
//[ ['prop4', {'prop': 'buzz'}] ]
_
34
trad

Object.keys関数の結果をreduceできます

const myObject = {
 0: 'zero',
 1: 'one',
 2: 'two',
 3: 'three',
 4: 'four'
};

const sliced = Object.keys(myObject).slice(0, 2).reduce((result, key) => {
                    result[key] = myObject[key];

                    return result;
                }, {});

console.log(sliced);
7
Amerzilla
var obj = {0: 'zero', 1: 'one', 2: 'two', 3: 'three', 4: 'four'};
var result = Object.keys(obj).slice(0,2).map(key => ({[key]:obj[key]}));

console.log(result);

[{'0'： 'zero'}、{'1'： 'one'}]

4
rekinyz

私はそれがあなたを助けることができると思う：

var my_object = { 0: 'zero', 1: 'one', 2: 'two', 3: 'three', 4: 'four' };

var sliced = Object.keys(my_object).map(function(key) { return my_object[key] }).slice(4);

console.log(sliced);
1
Mikhail Lipilin

「長さ」プロパティをmy_objectに追加してみてください。そうすればコードが機能するはずです。

    var my_object = {
     0: 'zero',
     1: 'one',
     2: 'two',
     3: 'three',
     4: 'four',
     length: 5
    };
    
    var sliced = Array.prototype.slice.call(my_object, 4);
    console.log(sliced);
1
Ted Hopp
// Works, but acts weird when things get serious
// Avoids screwing with the properties of my_object
// You don't get Object.create() until ES5.1
function lazySlice(obj, idx) {
  var newObj = Object.create(obj, { length: {value: Object.keys(obj).length} }),
  idx = idx || 0;

  return Array.prototype.slice.call(newObj, idx);
}

// Only gives you own enumerable properties with keys "0" to n
// Preserves element order (based on key number)
// Ignores non-numbered keys
// You don't get Object.keys() until ES5
function enumSlice(obj, idx) {
  var arr = [], 
    keys = Object.keys(obj),
    idx = idx || 0;

  for (var i = 0; i <= keys.length - 1; i++)
    if (keys[i] >= idx && keys[i] % 1 === 0 && keys[i] >= 0 && keys[i].indexOf('e') < 0) 
      arr.Push(obj[keys[i]]);

  return arr;
}

var my_object = {
  0: 'zero',
  1: 'one',
  2: 'two',
  3: 'three',
  4: 'four'
}; 
console.log(lazySlice(my_object, 3));      // [ 'three', 'four' ]
console.log(enumSlice(my_object, 3));      // [ 'three', 'four' ]

var mixed_object = {
   "9": 'nine',
   "2": 'two',
   "1": 'one',
   "7": 'seven',
   "7.5": 'seven point five',
   "1e4": 'sneaky',
   "-4": 'negative four',
   "0": 'zero',
   "length": 35
};
console.log(lazySlice(mixed_object));      // [ 'zero', 'one', 'two', , , , , 'seven',  ]
console.log(enumSlice(mixed_object));      // [ 'zero', 'one', 'two', 'seven', 'nine' ]
0
Karim Temple

それがなければ [Symbol.iterator]ジェネレーター関数 lengthプロパティが存在します。といった;

var my_object = { 0: 'zero', 1: 'one', 2: 'two', 3: 'three', 4: 'four', length:5 },
       sliced;

my_object[Symbol.iterator] = function* (){
                                          var oks = Object.keys(this);
                                          for (var key of oks) yield this[key];
                                         };

sliced = Array.prototype.slice.call(my_object, 2);
console.log(sliced);
0
Redu

あなたはあなたの質問にそれを言及しませんが、それはひどく引数オブジェクトによく似ています。

Array.from()を使用して配列に変換し、他の配列と同様に使用します。列挙可能なオブジェクトである限り。

古いブラウザのポリフィルについては、 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from を参照してください

0
jishi