js for循环给object数组赋值

最新推荐文章于 2025-05-27 11:02:58 发布

转载最新推荐文章于 2025-05-27 11:02:58 发布 · 8.1k 阅读

7 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000017481526

文章标签：

#javascript #前端 #php #ViewUI

本文介绍了一种使用JavaScript生成随机样式的技巧，通过为每个元素动态分配不同的字体大小和位置，实现页面元素的随机布局效果。文章详细解释了如何在循环中初始化对象以避免样式重复，并展示了如何使用Math.random()函数生成随机数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var style = { fontsize: 12, left: 0 };
var style_array = new Array();

function ss(){
for (var i = 0; i < 12; i++) {
    style={};//重点
    style.fontsize = parseInt((Math.random() * 1 + 1) * 12);
    style.left = parseInt(300 * Math.random() * 0.8);
    style_array[i] = style;
  }
  console.log(style_array);
}
ss();

每次赋值前，需要把object初始化{}一下，不然赋值完以后，数组的值全部变成最后赋的值,如下图