如何使用 foreach 循环创建文本字符串？

Question

Trying to create text string from interface to display into UI, Below code is creating separate file for each interface, How do i creat single file as i have given in the expected.

Also is there way to create UI to display typescript code as a sample instead of using text string?

main.js

var path = "/filepath"
var data = [
  {
        name: "IParam"
    },
    {
        name: "IError"
    }
]
  function createInterfaces(path, data) {
        var _text = 'import { ';
        $.each(data,function(id,val){
            _text +=  val.name + '}' + 'from ' + path + ';\n\n';

        });
        return _text;
    }

Expected Result should be

"import { IParam, IError} from '/filePath'";

Answer 1

You should move the last bit out of your for loop

function createInterfaces(path, data) {
        var _text = 'import { ';
        $.each(data,function(id,val){
            _text +=  val.name;

        });
        _text += '}' + 'from ' + path + ';\n\n'
        return _text;
    }

Another way to do it would be -

function createInterfaces(path, data){
 const imports  = data.map(d => d.name).join(', ');
 return `import { ${imports} } from '${path}';\n\n`;
}

Here's the snippet to check -

 var path = "/filepath" var data = [ { name: "IParam" }, { name: "IError" } ] function createInterfaces(path, data){ const imports = data.map(d => d.name).join(', '); return `import { ${imports} } from '${path}';\n\n`; } console.log(createInterfaces(path, data));

Answer 2

You should call Array.prototype.map on the data array and return each name , then join the results.

 var path = "/filepath" var data = [ { name: "IParam" }, { name: "IError" } ] function createInterfaces(path, data) { return "import { " + data.map(d => d.name).join(', ') + " } from '" + path + "';\n\n" } console.log(createInterfaces(path, data))

Answer 3

You can use the array.map to create the string and assign teh result to text variable.

text += `import { ${data.map(a => a.name).toString()} } from '${path}' `