如何找到for循环中数组的长度

Posted 2023-05-13

1、一般情况下，数组的长度是定长的，这个数是在你编程里就定义了的。
2、如果只有运行时才知道数组长度的话，那这个长度一定是用记输入的，记住这个数。
3、如果运行时用户也不知道，必需一个一个加上去的话，建议用数据结构中的“队列”，队列结构中定义一个计数器。

最好不要在for中找这个数，比较容易出错，错了也不好找问题 参考技术A 1、一般情况下，数组的长度是定长的，这个数是在你编程里就定义了的。
2、如果只有运行时才知道数组长度的话，那这个长度一定是用记输入的，记住这个数。
3、如果运行时用户也不知道，必需一个一个加上去的话，建议用数据结构中的“队列”，队列结构中定义一个计数器。

最好不要在for中找这个数，比较容易出错，错了也不好找问题。 参考技术B 某个数组 比如是 int类型的
int arr[] = [……];
但是并不知道有多少
用 sizeof(arr) / sizeof(arr[0])
得出的结果就是数组长度 参考技术C 使用库函数，String函数 参考技术D 用数组的下标去定位for循环。

如何使用 for 循环访问渲染部分中的状态？

【中文标题】如何使用 for 循环访问渲染部分中的状态？

【英文标题】：How to access to a state in the render part with for loop?

【发布时间】：2021-05-21 02:40:16

【问题描述】：

我有一个数组，我想用 for 循环一个一个地渲染这个数组。 我不知道如何获得数组的长度，知道吗？ 感谢您的帮助。 这是我的代码：

this.state = 
    array: []

// here is the function to write data into array
render()
   return(
         <div>
            for(let i = 0; i < this.state.array.length; i++)  //this line doesn't work, error with length part
               <p> this.state.array[i]</p> // this line will work if I wirte outside of loop
            
          </div>
    )

【参考方案1】：

for-loop 结构在 JSX 中不像在 javascript 中那样工作，因为您在循环中没有返回任何内容。

只需使用array.prototype.map 将state.array 映射到要为数组中的每个元素呈现的JSX。通过映射状态，您不必担心数组长度，map 函数会处理它。

this.state = 
    array: []


render() 
  return (
    <div>
      this.state.array.map((el, i) => (<p key=i>el</p>))
    </div>
  );

Lists and Keys - 渲染数据列表的官方文档

【讨论】：

谢谢，它对我有用。我是 JS 的新手。感谢您编写工作代码。

@LiLian 欢迎。我还链接了有关渲染数组的 React 文档，我强烈建议您尽可能多地阅读 React 文档。它们的编写和维护都非常出色。欢迎使用 React，祝你好运。

【参考方案2】：

你应该这样做：

render()
   return(
         <div>
         
              this.state.array.map((element, index) => 
                  return (
                        <p key=`key-$index`>element</p>
                  );
              )
         
          </div>
    )

在 React 中循环渲染多个组件时不要忘记 key 属性。