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

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

測試在 Javascript 中使用 reduce() 時是否到達數組的最后一項

測試在 Javascript 中使用 reduce() 時是否到達數組的最后一項

一只萌萌小番薯 2023-04-20 10:45:17
我正在嘗試實現相當于.join()使用來回答executeprogram.com.reduce()上的測驗。我的代碼通過了測試,但看起來很難看。我以丑陋的方式解決的具體問題是:構造的函數將一個數組和一個分隔符作為參數,但是在構造結果連接輸出時,不應在數組的最后一項之后插入分隔符。這意味著我必須測試,當使用迭代數組時,我是否在最后一項(這樣我就可以跳過使用分隔符)[糟糕:見下面的注釋]。使用或join()reduce()indexOflastIndexOf如果數組中有重復值,則不起作用。所以我創建了一個計數器。我不喜歡它。我很樂意提供有關如何更好地做到這一點的建議。這是代碼: function join(arr, separator) {  let counter = 0;  if (arr.length === 0) { return(''); }  else {     return (    arr.reduce((accumulator, item) =>      {        if (counter === arr.length - 1) {          return accumulator + item;        } else {          counter += 1;           return accumulator + item + separator;        }      },       '')    );  }} 測試及其預期輸出如下。同樣,上面的函數通過了所有測試,但我認為必須有更好的方法。> join(['a'], ',')Expected: 'a'> join(['a', 'b'], ',')Expected: 'a,b' > join(['a', 'b', 'c'], '')Expected: 'abc'> join(['a', 'b', 'c', 'd'], 'x')Expected: 'axbxcxd'> join(['a', 'b'], 'COMMA')Expected: 'aCOMMAb'> join(['', '', ''], ',')Expected: ',,'> join([], ',')Expected: ''注意:在看到所有有用的答案后,我意識到這個丑陋代碼的真正原因是我錯誤地假設分隔符出現在一個項目“之后”。實際上,分隔符位于項目之間,如果將其插入除第一個項目之外的每個項目之前,則可以使其位于每個項目之間。那么你不需要測試最后一項。當您刪除需要測試最后一項的假設時,一切都會簡單得多。所以基本上,我一開始就把問題說錯了。感謝大家的回答!
查看完整描述

4 回答

?
MMMHUHU

TA貢獻1834條經驗 獲得超8個贊

使用 4 個參數調用 reduce 回調:


arr.reduce(callback( accumulator, currentValue, index, array)

例子:


function join(arr, separator) {

  if (arr.length === 0) { return(''); }

  

  else { 

    return (

    arr.reduce((accumulator, item, counter) =>

      {

        if (counter === arr.length - 1) {

          return accumulator + item;

        } else {

          counter += 1; 

          return accumulator + item + separator;

        }

      }, 

      '')

    );

  }

}

    

    

console.log(join(['a'], ','))

console.log(join(['a', 'b'], ','))

console.log(join(['a', 'b', 'c'], ''))

console.log(join(['a', 'b', 'c', 'd'], 'x'))

console.log(join(['a', 'b'], 'COMMA'))

console.log(join(['', '', ''], ','))

console.log(join([], ','))

您可以通過以下方式稍微縮短代碼:

  1. 跳過空檢查 - 如果數組為空,reduce 將返回初始值 ( '')。

  2. 使用模板字符串和三元組。如果它不是最后一項,則添加分隔符,如果是,則使用空字符串。

  3. 由于計數器 ( i) 以 0 開頭,您可以跳過第一項的分隔符(0 轉換為false)。這允許您跳過三元中的比較。

const join = (arr, separator) => arr.reduce((accumulator, item, i) =>

  `${accumulator}${i ? separator : ''}${item}`

, '')

    

    

console.log(join(['a'], ','))

console.log(join(['a', 'b'], ','))

console.log(join(['a', 'b', 'c'], ''))

console.log(join(['a', 'b', 'c', 'd'], 'x'))

console.log(join(['a', 'b'], 'COMMA'))

console.log(join(['', '', ''], ','))

console.log(join([], ','))


更改順序時的另一個想法(基于@JCFord 的arr[0]想法)是解構數組,獲取第一個元素 ( first),如果它為空,則為其分配默認值。然后減少數組的其余部分,并用作first初始值。


const join = ([first = '', ...arr], separator) => 

  arr.reduce((accumulator, item, i) => `${accumulator}${separator}${item}`, first)

    

    

console.log(join(['a'], ','))

console.log(join(['a', 'b'], ','))

console.log(join(['a', 'b', 'c'], ''))

console.log(join(['a', 'b', 'c', 'd'], 'x'))

console.log(join(['a', 'b'], 'COMMA'))

console.log(join(['', '', ''], ','))

console.log(join([], ','))


查看完整回答
反對 回復 2023-04-20
?
慕勒3428872

TA貢獻1848條經驗 獲得超6個贊

正如其他人指出的那樣,您可以在回調中使用索引和數組參數。

但還有另一種方法。您不必知道何時遇到最后一個數組元素。您已經知道第一個元素是什么,您可以直接使用它。

const join = (arr, sep=',') => arr.slice(1).reduce((acc, item) => acc + sep + item, arr[0]);

要進一步細化函數,請利用累加器很少使用的默認初始值。如果您沒有將初始值傳遞給 reduce() 函數,則回調的第一次執行將獲得數組的第一個和第二個元素。

const join = (arr, sep=',') => arr.reduce((acc, item) => acc + sep + item);

并無誤地處理空數組......

const join = (arr, sep=',') => arr[0] ? arr.reduce((acc, item) => acc + sep + item) : '';



查看完整回答
反對 回復 2023-04-20
?
月關寶盒

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

我是這樣做的。


假設您想用逗號分隔此數組,但以句點結尾。


let names = ['Amber', 'Bobby', 'Chris', 'Dennis', 'Edward'];

您可以使用第三個索引參數“i”并將其作為變量與要減少的數組的長度進行比較。


names.reduce((a, c, i) => {

   const isLast = i == names.length -1;

   return `${a}${c}` + (isLast ? '.' : ', '); 

}, "")

結果: 'Amber, Bobby, Chris, Dennis, Edward.'


查看完整回答
反對 回復 2023-04-20
?
FFIVE

TA貢獻1797條經驗 獲得超6個贊

您可以通過從 中刪除初始值來簡化當前函數reduce。然后這將使用第一個元素作為初始值。您已經設置了一個保護子句來處理空數組,因此在這方面您應該沒問題。

function join(arr, separator) {

? if (arr.length == 0) return '';

? return arr.reduce((accumulator, item) => accumulator + separator + item);

}


console.log(join(['a'], ','))

console.log(join(['a', 'b'], ','))

console.log(join(['a', 'b', 'c'], ''))

console.log(join(['a', 'b', 'c', 'd'], 'x'))

console.log(join(['a', 'b'], 'COMMA'))

console.log(join(['', '', ''], ','))

console.log(join([], ','))


join使用字符串數組的另一種簡單方法reduce是根本不關心它產生的額外分隔符,并slice在減少數組后將其關閉。


function join(arr, separator) {

? return arr.reduce((accumulator, item) => accumulator + separator + item, '')

? ? ? ? ? ? .slice(separator.length);

}


console.log(join(['a'], ','))

console.log(join(['a', 'b'], ','))

console.log(join(['a', 'b', 'c'], ''))

console.log(join(['a', 'b', 'c', 'd'], 'x'))

console.log(join(['a', 'b'], 'COMMA'))

console.log(join(['', '', ''], ','))

console.log(join([], ','))



查看完整回答
反對 回復 2023-04-20
  • 4 回答
  • 0 關注
  • 224 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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