JS中的函数返回代理而不是对象

Question

我有一个数组：const arr = ['one', 'two', 'three']

我有一个函数，它接受一个字符串数组并返回一个对象数组：

const func = (arr) => arr.map(item => ({str: item}));

由于某种原因，当我调用此函数并打印结果时，我得到一个 proxy 对象数组而不是普通对象..

// call and print
const arr = ['one', 'two', 'three'];
const res = func(arr);
console.log(res);

// console result
(3) [{...}, {...}, {...}]
0: proxy {str: 'one'}
1: proxy {str: 'two'}
2: proxy {str: 'three'}

问题是，只有当我在 func 函数中使用 return 时才会发生这种情况，因为当我在 func 中打印映射数组而不使用 return 语句时，我会得到预期的结果：

(3) [{...}, {...}, {...}]
0: {str: 'one'}
1: {str: 'two'}
2: {str: 'three'}

注意：我将 react.js 与 next.js 一起使用，并从另一个文件导入 func。

Answer 1

我检查了您的代码，发现问题是在arrow function 上返回。您可以尝试以下功能：

const func = (arr) => arr.map(item => ({str: item}));

或者

const func = (arr) => {
  return arr.map(item => ({str: item}))
};

我在下面的演示中使用它：

const func = (arr) => arr.map(item => ({str: item}));

// call and print
const arr = ['one', 'two', 'three'];
const res = func(arr);
console.log(res);