JavaScript中list的用法

在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);

          });

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值