JavaScript копирует структуру объекта (не значения свойств)

Question

У меня есть массив объектов, который выглядит как в следующем примере.Я хочу создать его копию без значений данных.

var fruits = ['Apple', 'Banana'];
var now = new Date();
var x = [{ 'fruits': fruits },
         { 'producer': 'farmer john', 'address': '123 old patch road', 'zip': 90291 },
         27, 'hm',
         { 'asked': now }
        ]

Теперь, предполагая, что есть некоторая функция JavaScript, новая структура объекта будет скопирована в следующее:

var theStructure = [{ 'fruits': ['',''] },
                    { 'producer': '', 'address': '', 'zip': NaN },
                    NaN, '', 
                    {'asked': NaN }]

Я прочитал публикацию на Как скопироватьструктура объекта (но не данные) , но я не вижу, как это применить в моем случае.Возможно, решение заключается в длинном анализе исходного объекта с инструкциями case для обработки каждого типа данных.

Мое приложение в AngularJS, есть простой способ предоставить решение.

Answer 1

Этот код работает для меня.

var fruits = ["Apple", "Banana"];
var now = new Date();
var x = [
  { fruits: fruits },
  { producer: "farmer john", address: "123 old patch road", zip: 90291 },
  27,
  "hm",
  { asked: now }
];

// var theStructure = [
//   { fruits: ["", ""] },
//   { producer: "", address: "", zip: NaN },
//   NaN,
//   "",
//   { asked: NaN }
// ];


function makeStructureRecursively(obj) {
  let arr;
  arr = obj instanceof Array;
  if (arr) return mapArrayElements(obj);
  arr = obj instanceof Date;
  if(arr) return NaN;
  arr = obj instanceof Object;
  if (arr) return mapObjectValues(obj);
  if (typeof obj === "number") return NaN;
  if (typeof obj === "string") return "";
  return undefined;
}

function mapArrayElements(arr) {
  return arr.map(el => makeStructureRecursively(el));
}

function mapObjectValues(obj) {
  return Object.keys(obj).map(key => ({
    [key]: makeStructureRecursively(obj[key])
  })).reduce((a,b)=>({...a,...b}),{});
}

var theStructure = makeStructureRecursively(x);

Конечно, по мере увеличения сложности, вы должны изменить этот код.Например, я не обработал boolean, symbol, undefined и т. Д.

Answer 2

Это просто вопрос повторения, пока вы не окажетесь в типе объекта или значения, которое хотите стереть.В вашем примере вам нужно различать числа, даты и строки.Это немного сложно, потому что new Date возвращает объект, но вы хотите, чтобы он стал NaN.

Тем не менее, возможно, этого будет достаточно для начала:

var fruits = ['Apple', 'Banana'];
var now = new Date();
var x = [{ 'fruits': fruits }, { 'producer': 'farmer john', 'address': '123 old patch road', 'zip': 90291 }, 27, 'hm', { 'asked': now }]


function stripValues(obj){
  if(Array.isArray(obj)) return obj.map(stripValues)
  if (typeof obj == 'object') {
    return (obj instanceof Date) 
      ?  NaN
      : Object.entries(obj).reduce((newObj, [key, value]) => {
          newObj[key] = stripValues(value)
          return newObj
    }, {})
  }
  return isNaN(obj) ? '' : NaN
}
console.log(stripValues(x))