Что делает Object.keys/Object.values/Object.entries с массивом?

const arr = ['a', 'b', 'c'];
 
Object.keys(arr);     // ['0', '1', '2'] — индексы
Object.values(arr);   // ['a', 'b', 'c'] — значения
Object.entries(arr);  // [['0','a'], ['1','b'], ['2','c']] — пары

const fruits = ['яблоко', 'банан', 'апельсин'];
 
console.log(Object.keys(fruits)); 
// ['0', '1', '2'] — индексы как строки!
 
// Пропущенные элементы не учитываются
const sparse = ['a', , 'c']; // "дырявый" массив
console.log(Object.keys(sparse)); 
// ['0', '2'] — только существующие индексы

const fruits = ['яблоко', 'банан', 'апельсин'];
 
console.log(Object.values(fruits)); 
// ['яблоко', 'банан', 'апельсин'] — как arr.slice()
 
// Пропущенные элементы тоже не учитываются
const sparse = ['a', , 'c'];
console.log(Object.values(sparse)); 
// ['a', 'c'] — только существующие значения

const fruits = ['яблоко', 'банан', 'апельсин'];
 
console.log(Object.entries(fruits)); 
// [['0', 'яблоко'], ['1', 'банан'], ['2', 'апельсин']]
 
// Удобно для перебора с индексами
Object.entries(fruits).forEach(([index, value]) => {
  console.log(`${index}: ${value}`);
});
// 0: яблоко
// 1: банан
// 2: апельсин

// ✅ Когда нужны индексы как массив
const arr = ['a', 'b', 'c'];
const indices = Object.keys(arr); // ['0', '1', '2']
 
// Лучше, чем делать цикл для получения индексов

// ✅ Оставить только чётные индексы
const arr = ['a', 'b', 'c', 'd'];
const evenIndexed = Object.entries(arr)
  .filter(([index]) => index % 2 === 0)
  .map(([, value]) => value);
  
console.log(evenIndexed); // ['a', 'c']

const arr = ['a', 'b', 'c'];
const keys = Object.keys(arr);
 
// ❌ Ошибка — это строки!
console.log(keys[0] + 1); // '01', а не 1!
 
// ✅ Правильно — преобразовать в число
console.log(+keys[0] + 1); // 1

const arr = ['a', 'b', 'c'];
 
// ❌ Не то же самое!
Object.values(arr); // ['a', 'b', 'c']
arr.slice();        // ['a', 'b', 'c'] — то же самое, но понятнее
 
// Object.values полезен в основном с объектами