条件:
1.数组的每一项要是连续的,比如[0,1,2,3,4]
2.知道数组第一项是多少,比如第一项是0。
3.知道数组的总长度是多少,比如总长度是5。
根据数组的第零项和总长度还原数组,下面是代码::
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>根据数组的第0项和总长度还原数组</title>
<!--引入 element-ui 的样式,-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<!-- 引入element 的组件库-->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
#app {
margin: 50px;
}
</style>
</head>
<body>
<div id="app">
<div class="item" v-for="(item, index) in arr">{{item}}</div>
</div>
<script>
new Vue({
el: '#app',
data() {
return {
arr: []
}
},
created() {
// 数组的第0项
let startIndex = 0;
// 数组的总长度
let length = 5;
var arr = [];
for (var i = 0; i < length; i++) {
arr.push(startIndex + i)
}
this.arr = arr
console.log(arr, '还原后的数组')
},
methods: {
}
})
</script>
</body>
</html>
总结:因为能够拿到数组总长度和数组的第一项,for循环数组的总长度,在一个新的数组中push(startIndex + i),就能够还原原数组
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。