美文网首页
vue 变异方法

vue 变异方法

作者: chulijun | 来源:发表于2019-09-25 14:15 被阅读0次

push()

定义和用法
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
语法
arrayObject.push(newelement1,newelement2,....,newelementX)
参数 描述
newelement1 必需。要添加到数组的第一个元素。
newelement2 可选。要添加到数组的第二个元素。
newelementX 可选。可添加多个元素。
返回值
把指定的值添加到数组后的新长度。

说明
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

提示和注释
注释:该方法会改变数组的长度。

提示:要想数组的开头添加一个或多个元素,请使用 unshift() 方法

pop()

定义和用法
pop() 方法用于删除并返回数组的最后一个元素。

  • 语法 : arrayObject.pop()
  • 返回值 : arrayObject 的最后一个元素。
  • 说明
    pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。

shift()

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

  • 语法 :arrayObject.shift()
  • 返回值: 数组原来的第一个元素的值。
  • 说明: 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。
  • 提示和注释
    注释:该方法会改变数组的长度。
    提示:要删除并返回数组的最后一个元素,请使用 pop() 方法。

unshift()

定义和用法
unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

  • 语法
    arrayObject.unshift(newelement1,newelement2,....,newelementX)

  • 参数 描述
    newelement1 必需。 向数组添加的第一个元素。
    newelement2 可选。 向数组添加的第二个元素。
    newelementX 可选。 可添加若干个元素。

  • 返回值
    arrayObject 的新长度。

  • 说明
    unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。
    请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。

  • 提示和注释
    注释:该方法会改变数组的长度。
    注释:unshift() 方法无法在 Internet Explorer 中正确地工作!
    提示:要把一个或多个元素添加到数组的尾部,请使用 push() 方法。

splice()

定义和用法
splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

  • 注释:该方法会改变原始数组。

  • 语法: arrayObject.splice(index,howmany,item1,.....,itemX)

  • 参数 描述
    index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
    howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
    item1, ..., itemX 可选。向数组添加的新项目。

  • 返回值
    类型 描述
    Array 包含被删除项目的新数组,如果有的话。

  • 说明
    splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

sort()
定义和用法
sort() 方法用于对数组的元素进行排序。
语法
arrayObject.sort(sortby)
参数 描述
sortby 可选。规定排序顺序。必须是函数。
返回值
对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

说明
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

reverse()

reverse() 方法用于颠倒数组中元素的顺序。

  • 语法
    arrayObject.reverse()
  • 提示和注释
    注释:该方法会改变原来的数组,而不会创建新的数组。

相关文章

  • Vue 数组更新检测

    Vue 数组更新检测 变异方法 Vue包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下: pu...

  • Vue 数组更新、过滤与排序

    数组更新 数组变异方法 mutation method Vue 包含一组观察数组的变异方法(mutation m...

  • Vue 数组更新检测

    变异方法 Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新 替换数组 非变异 (non-mutati...

  • VUE数据data更新而列表不更新,关于VUE的响应式原理的几个

    关于数组 使用数组变异方法对Vue实例中data里面的数组使用变异方法操作的时候,Vue可以检测到变化并进行更新变...

  • Vue 数组更新检测

    变异方法 Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下: push() pop()...

  • vue 变异方法

    push() 定义和用法push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。语法arrayObje...

  • 2019/10/19 VUE数组更新检测

    #变异方法 作用 : 改变这些方法调用的原始数组 VUE包含一组观察数组的变异方法,他们也将触发视图的更新 数组方...

  • 数组变异方法(vue: ^2.0)

    Object.defineProperty 监听拦截中存在的一些问题 @:Vue框架中监听数组属性值的变化 Obj...

  • Vue学习笔记(6)-触发视图更新

    Vue对一些方法进行了包装和变异,以后数组通过这些方法进行数组更新,会出发视图的更新。这些方法如下: push()...

  • Vue实例-2

    数组更新 变异方法 Vue内置指令 v-text:更新元素的 textContent。如果要更新部分的 textC...

网友评论

      本文标题:vue 变异方法

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