Як отримати ключі масиву в Javascript?

Question 1

У мене є масив, створений за допомогою цього коду:

var widthRange = new Array();
widthRange[46] = { min:0,  max:52 };
widthRange[66] = { min:52, max:70 };
widthRange[90] = { min:70, max:94 };

Я хочу отримати кожне зі значень 46, 66, 90 у циклі. Я спробував, for (var key in widthRange)але це дає мені цілу купу додаткових властивостей (я припускаю, що це функції об'єкта). Я не можу використовувати звичайний цикл for, оскільки значення не є послідовними.

Question 2

Вам потрібно викликати hasOwnPropertyфункцію, щоб перевірити, чи властивість насправді визначена на самому об’єкті (на відміну від його прототипу), наприклад:

for (var key in widthRange) {
    if (key === 'length' || !widthRange.hasOwnProperty(key)) continue;
    var value = widthRange[key];
}

Зверніть увагу, що вам потрібна окрема перевірка на наявність length.
Однак тут вам взагалі не слід використовувати масив; слід використовувати звичайний об’єкт. Усі об'єкти Javascript функціонують як асоціативні масиви.

Наприклад:

var widthRange = { };  //Or new Object()
widthRange[46] = { sel:46, min:0,  max:52 };
widthRange[66] = { sel:66, min:52, max:70 };
widthRange[90] = { sel:90, min:70, max:94 };

Question 3

Стрифіковані ключі можна запитувати за допомогою Object.keys(array).

Question 4

Якщо ви виконуєте будь-яку маніпуляцію з масивом / колекцією або перевірку, я настійно рекомендую використовувати Underscore.js . Він невеликий, добре перевірений і заощадить вам дні / тижні / роки головного болю JavaScript. Ось його функція клавіш:

Ключі

Отримати всі імена властивостей об’єкта.

_.keys({one : 1, two : 2, three : 3});
=> ["one", "two", "three"]

Question 5

Скажімо, ваш масив мав вигляд arr = [ { a: 1, b: 2, c: 3 }, { a: 4, b: 5, c: 6 }, { a: 7, b: 8, c: 9 } ](або, можливо, інші клавіші), який ви можете зробити

arr.map((o) => {
    return Object.keys(o)
}).reduce((prev, curr) => {
    return prev.concat(curr)
}).filter((col, i, array) => {
    return array.indexOf(col) === i
});

["a", "b", "c"]

Question 6

for (var i = 0; i < widthRange.length; ++i) {
  if (widthRange[i] != null) {
    // do something
  }
}

Насправді ви не можете отримати лише клавіші, які ви встановили, оскільки Array не так працює. Як тільки ви встановите елемент 46, у вас також буде встановлено значення від 0 до 45 (хоча вони нульові).

Ви завжди можете мати два масиви:

var widthRange = [], widths = [], newVal = function(n) {
  widths.push(n);
  return n;
};
widthRange[newVal(26)] = { whatever: "hello there" };

for (var i = 0; i < widths.length; ++i) {
  doSomething(widthRange[widths[i]]);
}

редагувати добре може бути, що я тут увесь мокрий ...

Question 7

widthRange.map(function(_, i) { return i });

або

widthRange.map((_, i) => i);

Question 8

Ваш оригінальний приклад чудово працює для мене:

<html>
<head>
</head>
<body>
<script>
var widthRange = new Array();
widthRange[46] = { sel:46, min:0,  max:52 };
widthRange[66] = { sel:66, min:52, max:70 };
widthRange[90] = { sel:90, min:70, max:94 };

var i = 1;
for (var key in widthRange)
{
    document.write("Key #" + i + " = " + key + "; &nbsp;&nbsp;&nbsp; min/max = " + widthRange[key].min + "/" + widthRange[key].max + "<br />");
    i++;
}
</script>
</html>

Результати в браузері (Firefox 3.6.2 у Windows XP):

Key #1 = 46;     min/max = 0/52
Key #2 = 66;     min/max = 52/70
Key #3 = 90;     min/max = 70/94

Question 9

Я думаю, вам слід використовувати Object ( {}), а не масив ([] ).

Набір даних пов'язаний з кожною клавішею. Він кричить, що використовує предмет. Зробіть:

var obj = {};
obj[46] = { sel:46, min:0,  max:52 };
obj[666] = { whatever:true };

// This is what for..in is for
for (var prop in obj) {
  console.log(obj[prop]);
}

Можливо, такі корисні речі, як це, можуть допомогти:

window.WidthRange = (function () {
  var obj = {};
  return {
    getObj: function () {return obj;}
    , add: function (key, data) {
        obj[key] = data;
        return this; // enabling chaining
      }
  }
})();

// Usage (using chaining calls):
WidthRange.add(66, {foo: true})
.add(67, {bar: false})
.add(69, {baz: 'maybe', bork:'absolutely'});

var obj = WidthRange.getObj();
for (var prop in obj) {
  console.log(obj[prop]);
}

Question 10

Здається, працює.

var widthRange = new Array();
widthRange[46] = { sel:46, min:0,  max:52 };
widthRange[66] = { sel:66, min:52, max:70 };
widthRange[90] = { sel:90, min:70, max:94 };

for (var key in widthRange)
{
    document.write(widthRange[key].sel + "<br />");
    document.write(widthRange[key].min + "<br />");
    document.write(widthRange[key].max + "<br />");
}

Question 11

Я написав функцію, яка чудово працює з кожним екземпляром Об'єктів (це масиви).

Object.prototype.toArray = function()
{
    if(!this)
    {
      return null;
    }

    var c = [];

    for (var key in this) 
    {
        if ( ( this instanceof Array && this.constructor === Array && key === 'length' ) || !this.hasOwnProperty(key) ) 
        {
            continue;
        }

        c.push(this[key]);
    }

    return c;
};

Використання:

var a   = [ 1, 2, 3 ];
a[11]   = 4;
a["js"] = 5;

console.log(a.toArray());

var b = { one: 1, two: 2, three: 3, f: function() { return 4; }, five: 5 };
b[7] = 7;

console.log(b.toArray());

Вихід:

> [ 1, 2, 3, 4, 5 ]
> [ 7, 1, 2, 3, function () { return 4; }, 5 ]

Це може бути корисним для будь-кого.

Question 12

... ????

Як варіант, якщо у вас є список елементів, які ви хочете використовувати ...

var range = [46, 66, 90]
    , widthRange=[]
    , write=[];

    widthRange[46] = { min:0, max:52 }; 
    widthRange[66] = { min:52, max:70 }; 
    widthRange[90] = { min:70, max:94 }; 

for(var x=0; x<range.length; x++){var key, wr;

    key = range[x];

    wr = widthRange[key] || false;

    if(wr===false){continue;}

    write.push(['key: #',key, ', min: ', wr.min, 'max:', wr.max].join(''));

    }

Question 13

Для вхідних даних:

let widthRange = new Array()
widthRange[46] = { min:0,  max:52 }
widthRange[61] = { min:52, max:70 }
widthRange[62] = { min:52, max:70 }
widthRange[63] = { min:52, max:70 }
widthRange[66] = { min:52, max:70 }
widthRange[90] = { min:70, max:94 }

Декларативний підхід:

const relevantKeys = [46,66,90]
const relevantValues = Object.keys(widthRange)
    .filter(index => relevantKeys.includes(parseInt(index)))
    .map(relevantIndex => widthRange[relevantIndex])

Object.keysщоб отримати ключі, використовуючи parseIntдля відтворення їх як цифри. filterщоб отримати лише ті, які ви хочете. mapпобудувати масив із вихідного об'єкта лише з тих індексів, за якими ви шукаєтеObject.keys втрачає значення об'єкта.

Налагоджувати:

console.log(widthRange)
console.log(relevantKeys)
console.log(relevantValues)

Question 14

Питання досить старе, але сьогодні ви можете використовувати forEach, який є ефективним і зберігатиме ключі як цифри:

let keys = widthRange.map((v,k) => k).filter(i=>i!==undefined))

Це циклічно переглядає widthRange і створює новий масив зі значенням ключів, а потім відфільтровує всі розріджені слоти, приймаючи лише визначені значення.

(Погана ідея, але для напруженості: якщо місце 0 завжди було порожнім, це можна було б скоротити до filter(i=>i)абоfilter(Boolean)

І, можливо, це менш ефективно, але цифри можна надати let keys = Object.keys(array).map(i=>i*1)