Javascript ES6:使用模板LiteralsPassed Freecodecamp创建字符串

Javascript ES6:使用模板LiteralsPassed Freecodecamp创建字符串,javascript,html,css,Javascript,Html,Css,const结果={ 成功:[“最大长度”、“无amd”、“首选箭头函数”], 失败:[“无变量”、“顶部变量”、“换行符”], 跳过:[“id黑名单”,“无dup密钥”] }; 函数生成列表(arr){ “严格使用”; //仅更改此行下方的代码 const resultDisplayArray=(arr)=>{ 让失败=[]; 用于(arr要素){ 失败。推送(`${element}`); } 控制台日志(失败); 返回失败; }; //仅更改此行上方的代码 返回结果显示数组; } const

const结果={
成功:[“最大长度”、“无amd”、“首选箭头函数”],
失败:[“无变量”、“顶部变量”、“换行符”],
跳过:[“id黑名单”,“无dup密钥”]
};
函数生成列表(arr){
“严格使用”;
//仅更改此行下方的代码
const resultDisplayArray=(arr)=>{
让失败=[];
用于(arr要素){
失败。推送(`
  • ${element}
  • `); } 控制台日志(失败); 返回失败; }; //仅更改此行上方的代码 返回结果显示数组; } const resultDisplayArray=makeList(result.failure);
    问题在于makeList方法。我不知道这为什么不起作用。

    您需要返回“resultDisplayArray(arr)”而不是“resultDisplayArray”,并在“element”前面放置一个“let”

    const结果={
    成功:[“最大长度”、“无amd”、“首选箭头函数”],
    失败:[“无变量”、“顶部变量”、“换行符”],
    跳过:[“id黑名单”,“无dup密钥”]
    };
    函数生成列表(arr){
    “严格使用”;
    //仅更改此行下方的代码
    const resultDisplayArray=(arr)=>{
    让失败=[];
    for(arr的let元素){
    失败。推送(`
  • ${element}
  • `); } 返回失败; }; //仅更改此行上方的代码 返回结果显示阵列(arr); } const resultDisplayArray=makeList(result.failure); console.log(resultDisplayArray);
    您正在定义一个函数
    resultDisplayArray
    (为什么我不知道),但您从未调用过它。不幸的是,您需要更改注释下方的代码,注释中写道:
    //仅更改此行上方的代码
    const result = {
      success: ["max-length", "no-amd", "prefer-arrow-functions"],
      failure: ["no-var", "var-on-top", "linebreak"],
      skipped: ["id-blacklist", "no-dup-keys"]
    };
    function makeList(arr) {
      "use strict";
    
      // Only change code below this line
      const resultDisplayArray = (arr) =>{
        let failure = [];
        for (element of arr) {
          failure.push(`<li class="text-warning">${element}</li>`);
        }
        console.log(failure);
        return failure;
        
      };
      // Only change code above this line
    
      return resultDisplayArray;
    }
    
    const resultDisplayArray = makeList(result.failure);
    
    const result = {
      success: ["max-length", "no-amd", "prefer-arrow-functions"],
      failure: ["no-var", "var-on-top", "linebreak"],
      skipped: ["id-blacklist", "no-dup-keys"]
    };
    
    function makeList(arr) {
      "use strict";
     
     
      // Only change code below this line
      const resultDisplayArray = (arr) =>{
        let failure = [];
       for (let element of arr) {
          failure.push(`<li class="text-warning">${element}</li>`);
        }
      
        return failure;
        
      };
      // Only change code above this line
    
      return resultDisplayArray(arr);
    }
    
    const resultDisplayArray = makeList(result.failure);
    console.log(resultDisplayArray);