js获取name相同的个数

// 假设HTML中有如下元素：
// <input name="username" type="text">
// <input name="password" type="password">
// <input name="username" type="text">

// 获取所有具有name属性的元素
const elements = document.querySelectorAll('[name]');

// 过滤出具有相同name属性的元素，并计算数量
const nameCounts = {};
elements.forEach(element => {
  const name = element.name;
  if (nameCounts[name]) {
    nameCounts[name]++;
  } else {
    nameCounts[name] = 1;
  }
});

console.log(nameCounts); // 输出：{ username: 2, password: 1 }

// 假设HTML中有如下元素：
// <input name="username" type="text">
// <input name="password" type="password">
// <input name="username" type="text">

// 获取所有具有name属性的元素，并转换为数组
const elementsArray = Array.from(document.querySelectorAll('[name]'));

// 使用reduce方法计算每个name属性的数量
const nameCounts = elementsArray.reduce((acc, element) => {
  const name = element.name;
  acc[name] = (acc[name] || 0) + 1;
  return acc;
}, {});

console.log(nameCounts); // 输出：{ username: 2, password: 1 }

// 假设HTML中有如下元素：
// <input name="username" type="text">
// <input name="password" type="password">
// <input name="username" type="text">

// 使用jQuery选择器获取所有具有name属性的元素
const nameCounts = {};

$('[name]').each(function() {
  const name = $(this).attr('name');
  if (nameCounts[name]) {
    nameCounts[name]++;
  } else {
    nameCounts[name] = 1;
  }
});

console.log(nameCounts); // 输出：{ username: 2, password: 1 }