从 for 循环创建 javascript 对象

Question

我想创建一个如下所示的可排序 javascript 对象：

myArray = [
  {name: "Jones, James", ef: "35", mem: "2018.12.10"},
  {name: "Smith, Paul", ef: "35", mem: "2018.09.12"},
  {name: "Washington, George", ef: "35", mem: "2018.08.16"}
];

我还计划按名称对 myArray() 进行排序。

myArray.sort(function(a, b){
  return a.name - b.name;
});

JAVASCRIPT：

function store() {
  var myArray = [];

  var i;
  for (i = 0; i < 10; i++) {
    NAME = document.getElementById('P' + i).value;
    EF = document.getElementById('E' + i).value;
    MEM = document.getElementById('M' + i).value;

    // This code doesn't seem to add records to myArray()

    myArray.push({
      name: 'NAME',
      ef: 'EF',
      mem: 'MEM'
    });
  }

  console.log(myArray.length);
}

store();

我对 myArray 进行了排序：

0: {name: "Abercrombie, Bill", rank: "1537", uscf: "9999", ef: "3", exp: "2019.01.12", …}
1: {name: "Baken, Clif", rank: "1802", uscf: "9999", ef: "3", exp: "2019.09.18", …}
2: {name: "Kukla, Ollie", rank: "2014", uscf: "0920", ef: "", exp: "2019.08.12", …}
3: {name: "Lincoln, Abraham", rank: "2023", uscf: "0119", ef: "", exp: "2019.09.06", …}
4: {name: "Washington, George", rank: "1563", uscf: "9999", ef: "3", exp: "2019.01.16", …}

如何遍历排序的 myArray() 以填充表单？我想我需要这样的东西：

console.log(myArray.length);

for (i = 1; i <= myArray.length; i++) {
// where id "P1" is the name input field in the form which we are populating
document.getElementById("P" +i).value = myArray[name];

}

Answer 1

既然你用的是jQuery，为什么不这样构建myArray：

for (n = 1; n <= 3; n++) {
  myArray.push({
    name: $('#P' + n).val(),
    ef: $('#E' + n).val(),
    mem: $('#M' + n).val()
  });
}

用于对myArray 进行排序：（归功于MDN reference 和this answer）

myArray.sort((a, b) => {
  let nameA = a.name.toUpperCase();
  let nameB = b.name.toUpperCase();
  return nameA < nameB ? -1 : nameA > nameB ? 1 : 0;
});

然后将myArray 值放回相应的input 字段中：

myArray.forEach((item, i) => {
  let n = i + 1;
  $('#P' + n).val(item.name);
  $('#E' + n).val(item.ef);
  $('#M' + n).val(item.mem);
  // ... do the same for other fields
});

Answer 2

代码有几个问题：

• 您没有声明变量 NAME、EF、MEM。

  这意味着these are implicit globals (!) 并且您的代码可能会有意想不到的副作用。

  解决方案：使用var、let 甚至更好的const 在块范围内声明这些变量。

• 您推送的是字符串，而不是变量。

  当您执行myArray.push({name: 'NAME'}) 时，您是说将字符串值'NAME' 作为name 的值。

  解决方案：去掉引号，使用name: NAME，或者更好，将变量改为name，使用ES2015 shorthand notation：

  myArray.push({name, ef, mem});

• prefer to use const if you are not reassigning variables. Use let in all other cases.

  这只会使您的代码更加健壮，因为它们比使用旧的var 具有更少的怪癖。

例子：

function store() {
  const myArray = [];

  for (let i = 0; i < 10; i++) {
    // Replaced getElementByID since it's not relevant
    const name = 'some name';
    const ef = 'some string';
    const mem = 'some value';

    // This code doesn't seem to add records to myArray()

    myArray.push({name, ef, mem});
  }

  console.log(myArray.length);
}

store();

Answer 3

两步：

1- 制作Array []

2- 使用排序功能对其项目进行排序

记住 localStorage 设置和获取字符串，所以使用JSON.parse() 方法解析它们

排序功能：（按属性名称的字母顺序排序）

Array.prototype.sort()

演示：

let result = array.sort((a.name, b.name) => a.name - b.name)