美文网首页
数组基本用法--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