美文网首页
javaScript 是否改变原数组方法总结

javaScript 是否改变原数组方法总结

作者: px1012 | 来源:发表于2019-08-07 16:44 被阅读0次
一:改变原数组的方法:

shift():用于把数组的第一个元素从其中删除,并返回第一个元素的值。
语法:arr.shift()
如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。该方法不创建新数组,而是直接修改原有的 arr。


unshift():向数组的开头添加一个或更多元素,并返回新的长度。
语法:arr.unshift(newelement1,newelement2,....,newelementX)
unshift() 方法不创建新的数组,而是直接修改原有的数组。


reverse():用于颠倒数组中元素的顺序
语法:arr.reverse()
该方法会改变原来的数组,而不会创建新的数组


sort:用于对数组的元素进行排序
语法:arr.sort()
数组在原数组上进行排序,不生成副本
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

function sortNumber(a,b)
{
    return a - b
}
var arr=[10,20,5,7,80,21];
console.log(arr.sort(sortNumber)) //[ 5, 7, 10, 20, 21, 80 ]

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


push(): 向数组的末尾添加一个或多个元素,并返回新的长度。
语法:arr.push()
push() 方法可把它的参数顺序添加到 arr的尾部。它直接修改 arr,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能


splice:向/从数组中添加/删除项目,然后返回被删除的项目
该方法会改变原数组
语法:arr.splice(index,howmany,item1,.....,itemX)
注:index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX: 可选。向数组添加的新项目。
1)添加一个元素

var arr =["George","John","Thomas","James"];
arr.splice(2,0,"px");
console.log(arr); //[ 'George', 'John', 'px', 'Thomas', 'James']

2)删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素

var arr =["George","John","Thomas","James"];
arr.splice(2,1,"px");
console.log(arr); //[ 'George', 'John', 'px', 'James', 'Adrew' ]
二:不改变原数组的方法:

concat():连接两个或多个数组。
该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
语法:arr.concat(arrayX,arrayX,......,arrayX)

var a = [1,2,3];
console.log(a.concat(4,5));//[ 1, 2, 3, 4, 5 ]

join():把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
语法:arrt.join(separator)
separator:可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

var arr =["George","John","px","James","Adrew"];
console.log(arr.join("-")) //George-John-px-James-Adrew

slice():从已有的数组中返回选定的元素。
语法:arr.slice(start,end)
start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

var arr =["George","John","px","James","Adrew"];
console.log(arr.slice(1)) //[ 'John', 'px', 'James', 'Adrew' ]
onsole.log(arr.slice(0,3))//[ 'George', 'John', 'px' ]

相关文章

  • javaScript 是否改变原数组方法总结

    一:改变原数组的方法: shift():用于把数组的第一个元素从其中删除,并返回第一个元素的值。语法:arr.sh...

  • 数组方法大全

    JavaScript 数组方法大全 会改变原数组的方法: unshift(); push(); shift(); ...

  • 00006.js 数组方(全)

    通用规则: 方法名:是否改变原数组

  • JavaScript中Array()方法总结

    以下方法要十分注意的是:方法返回值问题、方法是否能改变原数组问题。具体解决方法间“JavaScript中Array...

  • 重写数组的方法(改变原数组)

    下图是我自我学习模拟数组时总结的一些重新数组的方法: 本文我们暂不讨论不改变原数组的方法,只谈改变原数组用到的 6...

  • 前端面试题套路--补充版

    Javascript 基础: 1.js中数组常见的方法: 1.push()末尾添加,返回长度,改变原数组push(...

  • 数组的增删改查

    一.学习数组的拓展方法需要 注意两个地方 方法的返回值 是否改变原数组 (有的是直接改变原数组 有的是形成新的...

  • js数组方法整理

    1. 数组有哪些常用方法,功能、返回值、是否会对原数组造成影响? 方法功能返回值改变原数组(Y\N)pop()删除...

  • js-数组克隆

    数组克隆不考虑原数组是否发生改变 数组克隆原数组不发生改变

  • 数组的常用方法

    数组常用的方法 学习思路:通过四个维度方法的作用是否需要传參是否有返回值原数组发生改变 数组常用的方法 数组方法有...

网友评论

      本文标题:javaScript 是否改变原数组方法总结

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