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

这是一个很好的 es6 风格的单行答案 - https://stackoverflow.com/a/43376967/15348051

另外，我认为它不起作用的原因是您的代码尝试更改原始值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"]

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

我希望我解释得对:)

Answer 2

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

const str = "Test";

str[0] = "K";

console.log(str);

它不会像您在上面的示例中看到的那样更改 string 。

当我们使用括号表示法进行字符访问时，我们不能删除或分配新值。如果我们这样做，它会默默地失败。 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

看看是否有效：

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

  ;    return str;
  };

Answer 4

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

  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 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"));