获取数组中的第一个和最后一个项目 - JS

Question

我试图获取数组中的第一个和最后一个项目并将它们显示在一个对象中.

我做的是我使用第一个和最后一个函数,然后将第一个项目作为键,将最后一个项目作为值.

var myArray = ['Rodel', 'Mike', 'Ronnie', 'Betus'];

function firstAndLast(array) {

var firstItem = myArray.first;
var lastItem = myArray.last;

 var objOutput = {
   firstItem : lastItem 
  };

}

var display = transformFirstAndLast(myArray);

console.log(display);

然而这个让我陷入困境.它说未定义.知道为什么会这样吗？

Answer 1

从 2021 年开始，您可以使用Array.prototype.at()

let colors = ['red',  'green', 'blue']

let first = colors.at(0) // red
let last = colors.at(-1) // blue

阅读有关Array.prototype.at()的更多信息

Answer 2

我修改了你的代码:

var myArray = ['Rodel', 'Mike', 'Ronnie', 'Betus'];

function firstAndLast(array) {

var firstItem = myArray[0];
var lastItem = myArray[myArray.length-1];

 var objOutput = {
   first : firstItem,
   last : lastItem
  };

return objOutput;
}

var display = firstAndLast(myArray);

console.log(display);

更新:新修改

var myArray = ['Rodel', 'Mike', 'Ronnie', 'Betus'];

function firstAndLast(array) {

var firstItem = myArray[0];
var lastItem = myArray[myArray.length-1];

var objOutput = {};
objOutput[firstItem]=lastItem

return objOutput;
}

var display = firstAndLast(myArray);

console.log(display);

Answer 3

使用 ES6 和解构：

const myArray = ['Rodel', 'Mike', 'Ronnie', 'Betus'];

const { 0: first, length, [length -1]: last } = myArray //getting first and last el from array
const obj = { first, last }

console.log(obj) // {  first: "Rodel",  last: "Betus" }

Answer 4

ES6

var objOutput = { [myArray[0]]: [...myArray].pop() }

var objOutput = { [myArray[0]]: [...myArray].pop() }