Как исправить ошибку Element implicitly has an 'any'?

Question

[newaitix]

Как исправить ошибку?

function serialize(arg) {
	var res = '';
	var replaceNamePop = {
		modules: 'module',
		categories: 'category',
		searchFieldsList: 'searchFieldList',
	};
	Object.keys(arg).forEach(function(key) {
		if(Array.isArray(this[key])) {
			for(var j = 0; j < this[key].length; j++) {
				if(typeof replaceNamePop[key] != 'undefined')
					res += '&' + replaceNamePop[key] + '=' + this[key][j];
				else
					res += '&' + key + '=' + this[key][j];
			}
		}else{
			if(typeof replaceNamePop[key] != 'undefined')
				res += '&' + replaceNamePop[key] + '=' + this[key];
			else
				res += '&' + key + '=' + this[key];
		}
	}, arg);
	return res;
}
serialize({
	"modules": [20],
	"categories" : [20],
	'keyword': "keyword",
	'time':"time",
	'catRelation':"cat",
	'sortField':"sort",
	'sortDirection':"ASC",
	'searchFieldsList':"list",
});
serialize({
	"modules": [20, 25],
	"categories" : [20, 58],
	'keyword': "keyword",
	'time':"time",
	'catRelation':"cat",
	'sortField':"sort",
	'sortDirection':"ASC",
	'searchFieldsList':"list",
});
serialize({
	"modules": [20, 25],
	'keyword': "keyword",
});

Comments

[Demigodd]

newaitix
Что за магический плагин для VS Code который заменяет шрифт для знака != ?

[Kovalsky]

DEATH2298, это щас модно, каждый второй плагин такое делает.

newaitix, у вас просто объявленный тип не соответствует фактическому. Так как TS существует для организации типизированного воркфлоу (он же потому и называется тайпскрипт, то само собой он рассчитывает что вы будете пользоваться типом any только в самых крайних случаях, а в остальных будете явно задавать типы.

[newaitix]

Kovalsky, А в таком случае как лучше переписать код чтоб все было норм.
Мне кажется объект тут как нельзя кстати приходится.

[Kovalsky]

newaitix, это немного некорректно, т.к. по сути любой тип это объект - набор ключей и значений, типизацией которых и занимается ТС. Просто типизируйте все что у вас происходит, в том числе аргументы и возвращаемые функциями значения. После этого суть ошибки будет очевидна. И лучше интерфейсы выносите из функций

Answer 1

[Aetae]

interface Dictionary<T> {
  [key: string]: T
}

function serialize<T extends Dictionary<string | number[]>> (arg: T) {
  var res = '';

  var replaceNamePop: Dictionary<string> = {
    modules: 'module',
    categories: 'category',
    searchFieldsList: 'searchFieldList'
  };

  Object.keys(arg).forEach(function (this: T, key) {
    if (Array.isArray(this[key])) {
      for (var j = 0; j < this[key].length; j++) {
        if (typeof replaceNamePop[key] != 'undefined')
          res += '&' + replaceNamePop[key] + '=' + this[key][j];
        else
          res += '&' + key + '=' + this[key][j];
      }
    } else {
      if (typeof replaceNamePop[key] != 'undefined')
        res += '&' + replaceNamePop[key] + '=' + this[key];
      else
        res += '&' + key + '=' + this[key];
    }
  }, arg);
  return res;
}

serialize({
  'modules': [20],
  'categories': [20],
  'keyword': 'keyword',
  'time': 'time',
  'catRelation': 'cat',
  'sortField': 'sort',
  'sortDirection': 'ASC',
  'searchFieldsList': 'list'
});
serialize({
  'modules': [20, 25],
  'categories': [20, 58],
  'keyword': 'keyword',
  'time': 'time',
  'catRelation': 'cat',
  'sortField': 'sort',
  'sortDirection': 'ASC',
  'searchFieldsList': 'list'
});
serialize({
  'modules': [20, 25],
  'keyword': 'keyword'
});