亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

ES6:使用模板文字創建字符串 - Freecodecamp

ES6:使用模板文字創建字符串 - Freecodecamp

德瑪西亞99 2024-01-18 15:00:06
我嘗試解決以下問題,通過了 4 個條件中的 3 個。我在下面的代碼中找不到更多錯誤。但它仍然說“failuresList應該是一個包含結果失敗消息的數組?!辨溄樱?https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structs/es6/create-strings-using-template-literals問題:使用帶有反引號的模板文字語法來創建列表元素 (li) 字符串的數組。每個列表元素的文本應該是結果對象上的 failure 屬性中的數組元素之一,并且具有值為 text-warning 的類屬性。makeList 函數應返回列表項字符串數組。使用迭代器方法(任何類型的循環)來獲得所需的輸出[  '<li class="text-warning">no-var</li>',  '<li class="text-warning">var-on-top</li>',  '<li class="text-warning">linebreak</li>']未通過:failuresList 應該是包含結果失敗消息的數組。通過:failuresList 應等于指定的輸出。通過:應使用模板字符串和表達式插值。通過:應該使用迭代器。下面是我到目前為止的代碼: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);
查看完整描述

4 回答

?
冉冉說

TA貢獻1877條經驗 獲得超1個贊

因此,我將以兩種方式提及這些問題:如何修復代碼,我將建議一種干凈的方法來解決問題。

  1. 該問題與代碼的正確性無關,但事實上,您更改了正在檢查的變量的名稱。您應該將變量“failuresList”保留在全局范圍內,以作為保存結果數組的變量。但相反,您將其更改為“resultDisplayArray”。復制粘貼您的代碼并僅更改名稱,導致所有測試都通過” (我指的是代碼中最后一行之前的行)

  2. 您不應該使用內部函數“resultDisplayArray”來包裝數組創建。這就是“makeList”的用途,內部函數是多余的,因此不應該存在。

  3. 我本來就是這樣做的:

const result = {

  success: ["max-length", "no-amd", "prefer-arrow-functions"],

  failure: ["no-var", "var-on-top", "linebreak"],

  skipped: ["no-extra-semi", "no-dup-keys"]

};


function makeList(arr) {

  // Only change code below this line

  const failureItems = arr.map(curr => `<li class="text-warning">${curr}</li>`);

  // Only change code above this line


  return failureItems;

}


const failuresList = makeList(result.failure);

console.log(failuresList);


查看完整回答
反對 回復 2024-01-18
?
慕工程0101907

TA貢獻1887條經驗 獲得超5個贊

const result = {

  success: ["max-length", "no-amd", "prefer-arrow-functions"],

  failure: ["no-var", "var-on-top", "linebreak"],

  skipped: ["no-extra-semi", "no-dup-keys"]

};


function makeList(arr) {

  // Only change code below this line

  const failureItems = [];


for (let i = 0; i < result.failure.length; i++){

  failureItems.push(`<li class="text-warning">${result.failure[i]}</li>`);

}

  // Only change code above this line


  return failureItems;

}


const failuresList = makeList(result.failure);


查看完整回答
反對 回復 2024-01-18
?
溫溫醬

TA貢獻1752條經驗 獲得超4個贊

我剛剛開始了漫長的 JavaScript 學習之旅,但據我了解,我需要運用我目前所掌握的知識。


const result = {

  success: ["max-length", "no-amd", "prefer-arrow-functions"],

  failure: ["no-var", "var-on-top", "linebreak"],

  skipped: ["no-extra-semi", "no-dup-keys"]

};

function makeList(arr) {

  // Only change code below this line

  const failureItems = [];

  for ( let i = 0; i < arr.length; i++) {

    failureItems.push(`<li class="text-warning">${arr[i]}</li>`)

  }

  // Only change code above this line


  return failureItems;

}


const failuresList = makeList(result.failure);

console.log(makeList(result.failure))


查看完整回答
反對 回復 2024-01-18
?
手掌心

TA貢獻1942條經驗 獲得超3個贊

您可以嘗試下面這個簡單的解決方案:


const result = {

        success: ["max-length", "no-amd", "prefer-arrow-functions"],

        failure: ["no-var", "var-on-top", "linebreak"],

        skipped: ["no-extra-semi", "no-dup-keys"]

      };


      function makeList(arr) {


        // Only change code below this line

        const failureItems = [];


        for (i=0; i < result.failure.length; i++) {

          failureItems[i] = `<li class="text-warning">${result.failure[i]}</li>`;

        }


        // Only change code above this line

        return failureItems;

      }

      

      const failuresList = makeList(result.failure);

      console.log(failuresList);


查看完整回答
反對 回復 2024-01-18
  • 4 回答
  • 0 關注
  • 222 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號