JavaScript - 让一个数组对象重复多次

const list=ref([

name:'张三',

age:18

]);

onMounted(()=>{

list.value=Array(10).fill(list.value).flat();

//10 重复的次数

})

  • Array(10).fill(original) 创建一个包含 10 个相同引用的数组
  • .flat() 打平一层,得到 [item1, item2, ..., item1, item2, ...]

⚠️ 注意 :如果 original 中的对象是引用类型(如 { text: '...', value: 0 }),所有副本会共享同一个对象。修改一个会影响全部。

相关推荐
极梦网络无忧20 分钟前
基于 Vite + Vue3 的组件自动注册功能
前端·javascript·vue.js
软弹1 小时前
深入理解 React Ref 机制:useRef 与 forwardRef 的协作原理
前端·javascript·react.js
雪碧聊技术1 小时前
前端vue代码架子搭建
前端·javascript·vue.js·前端项目代码框架搭建
han_1 小时前
JavaScript设计模式(二):策略模式实现与应用
前端·javascript·设计模式
x***r1511 小时前
Notepad++ 8.6 安装教程:详细步骤+自定义安装路径(附注意事项)
linux·前端·javascript
Hilaku1 小时前
为什么很多工作 5 年的前端,身价反而卡住了?🤷‍♂️
前端·javascript·面试
执行部之龙2 小时前
JS手写——call bind apply
前端·javascript
吴声子夜歌2 小时前
JavaScript——函数
开发语言·javascript·ecmascript
SuperEugene2 小时前
Vue3 + Element Plus 表单开发实战:防重复提交、校验、重置、loading 统一|表单与表格规范篇
前端·javascript·vue.js
SuperEugene2 小时前
Vue3 + Element Plus 中后台弹窗规范:开闭、传参、回调,告别弹窗地狱|Vue 组件与模板规范篇
开发语言·前端·javascript·vue.js·前端框架