JavaScript 子数组迭代

Question

我想将字符串中每个单词的首字母大写。

我想知道为什么这不起作用：

function titleCase(str) {
  str = str.toLowerCase().split(" ");
  for(let i = 0; i<ar.lrngth;i++){
    ar[i][0] = ar[i][0].toUpperCase();
  }
  return ar;
}

console.log(titleCase("I'm a little tea pot"));

也不是这个：

function titleCase(str) {
  str = str.toLowerCase().split(" ");
  let _ar = [];
  _ar =str.map(item => item.map( cap => cap.toUpperCase()));
  return _ar;
}

console.log(titleCase("I'm a little tea pot"));

我想知道是否有任何一种衬垫也可以做到这一点：对子数组元素的相同操作

Answer 1

看看是否可行：

  function capitalize(text) {
    let str = text.toLowerCase();
    str = str.replace(/(^\w{1})|(\s{1}\w{1})/g, match => match.toUpperCase());

  ;    return str;
  };

Answer 2

字符串在JavaScript中是immutable，不是字符数组。

const str = "Test";

str[0] = "K";

console.log(str);

它不会改变 string 正如你在上面的例子中看到的那样。

When we use bracket notation for character access, we cannot delete or assign a new value. If we do, it silently fails. mdn

所以我们需要分配一个新的string ，第一个字符是uppercase ，然后保持原样。

你还可以做的是。 Split 数组变成了字符数组，uppercase第一个字符和join 他们。但在这里我们仍然使用 split 创建一个新数组，加入数组后我们得到新的字符串。

let str = "test string";

str = str.split("");
str[0] = str[0].toUpperCase();
str = str.join("");
console.log(str);

function titleCase(str) {
  str = str.toLowerCase().split(" ");
  console.log(str);
  for (let i = 0; i < str.length; i++) {
    str[i] = str[i][0].toUpperCase() + str[i].slice(1);
  }
  return str.join(" ");
}

console.log(titleCase("I'm a little tea pot"));

Answer 3

这是另一种将句子中所有单词大写的方法。

  const titleCase = (str) => {
      let initValue = str[0].toUpperCase();
      for (let i = 1; i < str.length; i++) {
        if (str[i - 1] === " ") {
          initValue += str[i].toUpperCase();
        } else {
          initValue += str[i];
        }
      }
      return initValue;
    };

    const result = titleCase("I'm a little tea pot");
     console.log(result);

Answer 4

这是 es6 风格的很好的一行答案 -

此外，我认为它不起作用的原因是您的代码尝试更改原始值 str[i][0] 而不是引用类型变量 str 的数组元素。

for(let i = 0; i<ar.lrngth;i++){
    str[i][0] = str[i][0].toUpperCase(); // this one
}

你这样试试

let aa = "i'm"
aa[0] = "I" // #2
console.log(aa) // "i'm"

这不起作用，因为变量 aa 被分配原始类型字符串 "i'm"。因此，当您在代码中像 #2 一样分配它时，您试图更改原始类型而不是变量 aa

这是参考类型示例。

const aa = ["i","'","m"]
aa[0] = "I"
console.log(aa) // ["I","'","m"]

有效。因为它试图改变数组的元素。 array 和 object 可以通过索引或键更改它们的元素。

希望我解释得对:)

Answer 5

在您的代码中，ar 未定义。另外 for(let i = 0; i<ar.lrngth;i++){ lrngth 应该是长度。如果您将 ar 定义为 var ar = [] 仍然无法在 ar[i][0] = ar[i][0].toUpperCase(); 工作，因为 ar[i][0] 中没有元素为大写。要使用您的代码，可以按如下方式修改它，

function titleCase(str) {
  str = str.toLowerCase().split(" ");
  var ar = str;
  
  for(let i = 0; i< ar.length; i++){
    var element = ar[i].split('');
    element[0] = element[0].toUpperCase();
    ar[i] = element.join("");    
  }
  return ar.join(" ");
}

console.log(titleCase("I'm a little tea pot"));

这种方式也可以。

function titleCase(str) {
  console.log(str);
  
  str = str.toLowerCase().split(" ");
  
  for(let i = 0; i<str.length; i++){
    str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1);
  }
  
  return str.join(" ");
}

console.log(titleCase("I'm a little tea pot"));

JavaScript 子数组迭代

JavaScript subarray Iteration

javascript

arrays

mapping

loops

sub-array