美文网首页
数组基本用法--splice与slice

数组基本用法--splice与slice

作者: 墨芊baby | 来源:发表于2018-10-30 11:42 被阅读0次
    • 实例1:splice() 方法向/从数组中添加/删除项目
      返回值:包含被删除项目的新数组,如果有的话
      该方法会改变原始数组
    arr: [1,2,3,4,5,6]
    var a = this.arr.splice(0,1)
    console.log(a)  //返回值 [1]
    console.log(this.arr))  //[2,3,4,5,6]
    

    html:

              <div class="wrap-box" v-for="(item,index) in arr">
                    <img :src=item.imgSrc>
                    <span @click="delImg(index)">{{item.text}}</span>
              </div>
    

    js:

    arr: [
          {
           imgSrc: "http://img.benmu-health.com/wechatV2/img/hospital-guide/user-img.png",
           text: '删除1'
          },
          {
           imgSrc: "http://img.benmu-health.com/wechatV2/img/hospital-guide/user-img.png",
           text: '删除2'
          },
          {
           imgSrc: "http://img.benmu-health.com/wechatV2/img/hospital-guide/user-img.png",
           text: '删除3'
          }
    
    methods: {
          del(index){
              this.arr.splice(index,1)
          }
    }
    
    • 实例2:slice() 方法可从已有的数组中返回选定的元素
      返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素
    arr: [1,2,3,4,5,6]
    var a = this.arr.slice(0,1)
    console.log(a)  //返回值 [1]
    console.log(this.arr))  //[1,2,3,4,5,6] 不会改变原数组
    
    this.arr = this.arr.slice(0,9)
    或在DOM中通过索引取前10条 index < 10
    

    相关文章

      网友评论

          本文标题:数组基本用法--splice与slice

          本文链接:https://www.haomeiwen.com/subject/qfurzftx.html