将数组转换为字符串,使用分隔符分隔字符串-JavaScript

时间:2019-04-01 21:52:08

标签: javascript arrays string function separator

定义一个函数myJoin,该函数最多接受两个参数:

  1. array
  2. separator(字符串,可选)

myJoin应该返回一个字符串,其中数组中的所有元素都连接在一起。分隔符应分隔连接的元素:

myJoin(['a', 'b', 'c'], '+'); // => "a+b+c"

如果未定义分隔符,请使用','作为默认分隔符。

myJoin(['Peter', 'Paul', 'Mary']); // => "Peter,Paul,Mary"

如果数组中的任何元素是undefinednull,则应在返回的字符串中将它们替换为空字符串。

myJoin(['hello', undefined, 'world'], '-'); // => "hello--world"

我无法使用内置的join方法。

Link to codepen for testing

到目前为止,我已经尝试过:

function myJoin (array, separator) {

  let newString = "";

  if (separator = undefined) {
    separator === ",";
  }

  else {

    for (let i = 0; i < array.length; i++) {
      newString = i + separator;
    }

  }

  newString = array.toString();

  return newString;

}

console.log(myJoin(['a', 'b', 'c'], '+'));

^这没有将字符串的元素与分隔符组合在一起,实际上返回了两次a,b,c。知道为什么吗?

编辑:根据@Jonas Wilms的建议,首先更新代码:

function myJoin (array, separator) {

  let newString = "";

  if (separator === undefined) {
    separator === ",";
  }

  for (let i = 0; i < array.length; i++) {
    newString += array[i] + separator;
  }

  return newString;

}

这似乎在我的VS Code控制台中有效,但在CodePen中却无效。

6 个答案:

答案 0 :(得分:4)

尝试

array.reduce( (s,x,i) => s+(i>0 ? separator : '') + (x==null ? '' : x), '') 

function myJoin(array, separator=',') { 
  return array.reduce( (s,x,i) => s+(i>0 ? separator : '') + (x==null ? '' : x), '') 
}

console.log( myJoin(['a', 'b', 'c'], '+') ); 
console.log( myJoin(['Peter', 'Paul', 'Mary']) );
console.log( myJoin(['hello', undefined, 'world'], '-') );

答案 1 :(得分:2)

一些提示:

  • 不要混淆分配(=)和比较(===)运算符。 if(a = b)在99%的情况下都是错误的。

  • array.toString()确实在内部调用array.join(),我认为这是一种作弊行为,但我不确定您要达到的目标(我的意思是newString应该如果正确执行循环,已经包含所需结果了,不是吗?)

  • i是您的array中的索引,可使用array[i]在该位置获取

  • 我认为您的循环不应该在else {分支中,我根本就不需要else(因为您一直想通过遍历它。)

  • 使用newString =重新分配 newString并释放先前的值,您可能想使用newString +=追加它的值。

答案 2 :(得分:2)

mapforEach与以下模板字符串一起使用:

function myJoin(arr, sep = ",") {
  arr = arr.map(e => [undefined, null].includes(e) ? "" : e);
  var result = "";
  arr.forEach((e, i) => result += `${i ? sep : ""}${e}`);
  return result;
}

console.log(myJoin(['Peter', undefined, 'Paul', null, 'Mary', 'Jack'], "-"));

ES5语法:

function myJoin(arr, sep) {
  sep = sep || ",";
  arr = arr.map(function(e) {
    return [undefined, null].includes(e) ? "" : e;
  });
  var result = "";
  arr.forEach(function(e, i) {
    result += (i ? sep : "") + e;
  });
  return result;
}

console.log(myJoin(['Peter', undefined, 'Paul', null, 'Mary', 'Jack'], "-"));

答案 3 :(得分:2)

function myJoin(array, separator=',') {
  let str = '';
  for (let i = 0; i < array.length; i++) {
    if (array[i] !== null && array[i] !== undefined)
      str += array[i];
    if (i < array.length - 1)
      str += separator;
  }

  return str;
}

console.log(myJoin(['a','b','c']));
console.log(myJoin(['a','b','c'], '+'));
console.log(myJoin(['a',null,'c'], '-'));
console.log(myJoin(['a','b',undefined], '.'));

答案 4 :(得分:2)

使用默认语法设置分隔符|| 一个forEach接受valueindexarray 测试最后一个元素。

function myJoin (array, separator) {
  let newString = "";
  separator = separator||','; 
  
  array.forEach((a,i,arr) => {
    newString += `${a}${(i < arr.length-1) ? separator : ''}`;
  });
  return newString;
}

console.log(myJoin(['a', 'b', 'c'], '+'));
console.log(myJoin(['a', 'b', 'c']));
console.log(myJoin(['a', 'b', 'c'], '-'));

答案 5 :(得分:1)

您可以使用Array.reduce()来加入数组。

let arr = ['a', 'b', undefined, 'c', 'd', null, 'e'];

myJoin = (arr, separator = ',') =>
  arr.reduce((acc, val, i) =>
    acc + ([undefined, null].indexOf(val) >= 0 ? '' : val) +
    (i < arr.length - 1 ? separator : ''), "");

console.log('myJoin(arr): ', myJoin(arr));
console.log('myJoin(arr, "+"): ', myJoin(arr, '+'));
console.log('arr.join("+"): ', arr.join('+'));

希望这会有所帮助,