JavaScript 对象练习
1. 键值对,去掉键的引号
Test: myFunction('a', 'b') Expected: {a: 'b'} Test: myFunction('b', 'w') Expected: {b: 'w'}
可以使用 [] 去掉 ''
function myFunction(a, b){ return {[a] : b} } myFunction('a', 'b')
2. 数组 a 和数组 b,创建一个键 a 和相应值 b 属性的对象,并返回
Test: myFunction(['a', 'b', 'c'], [1, 2, 3]) Expected: {a: 1, b: 2, c: 3} Test: myFunction([1, 'b'], ['a', 2]) Expected: {1: 'a', b: 2}
代码实现:reduce() 用法 | 参考链接
acc 是一个对象
cur 相当于直接写一个字符串,但因为是变量,所有用 [] 括起来
总的来说,就是 ...acc 得到的是一个最终的总对象,[cur] 为当前的 key 值,b[i] 为获取对应的 b数组 中的值,{} 传递给函数的初始值是个对象。
function myFunction(a, b) { const res = a.reduce((acc, cur, i) => { acc[cur] = b[i] return acc }, {}) return res } myFunction([1, 'b'], ['a', 2])
function myFunction(a, b) { return a.reduce((acc, cur, i) => ({ ...acc, [cur]: b[i] }), {}) } myFunction([1, 'b'], ['a', 2])
3. 以数组的形式返回对象的键
Test: myFunction({a: 1, b: 2, c: 3}) Expected: ['a', 'b', 'c'] Test: myFunction({w: 15, x: 22, y: 13}) Expected: ['w', 'x', 'y']
使用 Object.key() 方法,得到键值,并以数组的方式返回
function myFunction(arr) { return Object.keys(arr) } myFunction({a: 1, b: 2, c: 3})
4. 返回对象 value 值的总和
Test: myFunction({a: 1, b: 2, c: 3}) Expected: 6 Test: myFunction({w: 15, x: 22, y: 13}) Expected: 50
使用 Object.values() 方法,得到 value 值,再通过 reduce() 方法累加
function myFunction(a) { return Object.values(a).reduce((sum, cur) => sum + cur, 0) } myFunction({a: 1, b: 2, c: 3})
5. 返回除键值为 b 的原始对象
Test: myFunction({ a: 1, b: 7, c: 3 }) Expected: { a: 1, c: 3 } Test: myFunction({ b: 0, a: 7, d: 8 }) Expected: { a: 7, d: 8 }
代码实现:
- 使用
delete
删除指定键的键值对。(此方法会改变原始对象,不推荐使用) - 使用
...
扩展运算符,取出键的值不为 b 的剩余对象
function myFunction(obj) { let deleteB = delete obj.b return obj } myFunction({a: 1, b: 2, c: 3})
function myFunction(obj) { const { b, ...rest } = obj return rest } myFunction({a: 1, b: 2, c: 3})