在JavaScript中,list
并不是一个内置的关键字或数据结构。这可能是你尝试在某个特定的环境或者框架中使用它,比如Arraylist或其他特定的库。然而,最常见的与列表相关的JavaScript对象是数组(Array)。
JavaScript的数组是一种特殊的对象,用于存储一系列有序的元素。以下是一些使用数组(Array)的常见操作:
let arr = new Array(); // 空数组
let arr = new Array(1, 2, 3); // 带有元素的数组
let arr = ['apple', 'banana', 'cherry']; // 使用数组字面量创建数组
访问和修改数组元素:
let arr = ['apple', 'banana', 'cherry'];
console.log(arr[0]); // 输出 'apple'
arr[1] = 'orange'; // 修改元素
console.log(arr); // 输出 ['apple', 'orange', 'cherry']
使用数组方法:
JavaScript提供了许多内置的数组方法,例如:
push()
: 向数组的末尾添加一个或更多元素,并返回新的长度。pop()
: 删除并返回数组的最后一个元素。shift()
: 删除并返回数组的第一个元素。unshift()
: 向数组的开头添加一个或更多元素,并返回新的长度。splice()
: 通过删除或替换现有元素来修改数组,并返回被删除的元素。slice()
: 提取一部分浅拷贝的元素,并且在指定的位置开始和结束(不包括结束)。map()
: 创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。filter()
: 创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。reduce()
: 对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个值。forEach()
: 对数组的每个元素执行一次提供的函数。indexOf()
: 返回在数组中可以找到给定元素的第一个索引,如果不存在,则返回-1。- 等等...
常见应用
<div id="app">
<h1> {{a}}</h1>
<input type="text" v-model="j" @keyup.enter="jia">
<ul>
<li v-for="(i,index) in list">{{index+1}}{{i}}
<button @click="jian(index)"></button>
</li>
</ul>
<button>{{list.length}}</button>
<button @click="qingchu">清除</button>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
a: "记事本",
list: ["背单词", "写代码", "跑步"],
j: "听音乐"
},
methods: {
jia: function() {
this.list.push(app.j)
},
jian: function(index) {
this.list.splice(index, 1)
},
qingchu: function() {
this.list = [];
}
}
})
</script>
简单用法
listNotice(this.queryParams).then(response => {
console.log(response.rows)
var array = [];
var array1 = [];
var i=0;
response.rows.forEach(element => {
i++;
this.src=element.coverUrl;
array1.push(element.coverUrl)
array.push(element.sysNotice);
});