出10道js处理数据数组或者对象的练习题 适合工作6年开发者的 请详细回答

1. 将数组中的元素按照字母顺序排序。

const arr = ['banana', 'apple', 'orange', 'grape'];
const sortedArr = arr.sort();
console.log(sortedArr); // ['apple', 'banana', 'grape', 'orange']

2. 求出数组中所有元素的和。

const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((a, b) => a + b);
console.log(sum); // 15

3. 统计数组中每个元素出现的次数。

const arr = ['apple', 'banana', 'orange', 'apple', 'banana', 'grape'];
const counts = arr.reduce((acc, curr) => {
  if (curr in acc) {
    acc[curr]++;
  } else {
    acc[curr] = 1;
  }
  return acc;
}, {});
console.log(counts); // {apple: 2, banana: 2, orange: 1, grape: 1}

4. 去掉数组中的重复元素。

const arr = ['apple', 'banana', 'orange', 'apple', 'banana', 'grape'];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // ['apple', 'banana', 'orange', 'grape']

5. 将数组中的元素转换为大写字母。

const arr = ['apple', 'banana', 'orange', 'grape'];
const upperCaseArr = arr.map(x => x.toUpperCase());
console.log(upperCaseArr); // ['APPLE', 'BANANA', 'ORANGE', 'GRAPE']

6. 返回数组中最大元素。

const arr = [1, 3, 5, 2, 4];
const max = Math.max(...arr);
console.log(max); // 5

7. 将数组中的元素倒序排列。

const arr = ['apple', 'banana', 'orange', 'grape'];
const reversedArr = arr.reverse();
console.log(reversedArr); // ['grape', 'orange', 'banana', 'apple']

8. 求出对象中所有属性值的和。

const obj = {a: 1, b: 2, c: 3, d: 4};
const sum = Object.values(obj).reduce((a, b) => a + b);
console.log(sum); // 10

9. 统计对象中每个属性值出现的次数。

const obj = {a: 'apple', b: 'banana', c: 'apple', d: 'grape'};
const counts = Object.values(obj).reduce((acc, curr) => {
  if (curr in acc) {
    acc[curr]++;
  } else {
    acc[curr] = 1;
  }
  return acc;
}, {});
console.log(counts); // {apple: 2, banana: 1, grape: 1}

10. 将对象中所有属性值转换为大写字母。

const obj = {a: 'apple', b: 'banana', c: 'orange', d: 'grape'};
const upperCaseObj = Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, v.toUpperCase()]));
console.log(upperCaseObj); // {a: 'APPLE', b: 'BANANA', c: 'ORANGE', d: 'GRAPE'}