首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js中push(),pop(),unshift(),shift()用法小结

1、push()、pop()和unshift()、shift()   这两组同为对数组操作,并且会改变数组本身长度及内容。   ...不同是 push()、pop() 是从数组尾部进行增减,unshift()、shift() 是从数组头部进行增减。  ...var arr = [1, 2]; 2、push()和unshift()   向数组 尾部/头部 添加若干元素,并返回 数组 新长度;   arr.push(3,4);         //返回 arr...新长度 4   arr ;                        // arr = [1,2,3,4];   arr.unshift(0,0.5);    // 返回 arr 新长度 6...  arr ;                       // arr = [0,0.5,1,2,3,4]; 3、pop()和shift()   从数组 尾部/头部 删除1个元素(删且只删除1个),

3K20

JavaScript数组方法中 push() 和 unshift() 区别

在给数组push时候发现一个新方法unshift() 就找了一下区别: push() push() 方法(在数组结尾处)向数组添加一个新元素: var webKnowledge = ["HTML"...", "CSS", "JS", "VUE", "REACT"] push() 方法返回新数组长度: var webKnowledge = ["HTML", "CSS", "JS", "VUE"]; const...x = webKnowledge.push("REACT"); // 新数组长度 //x 值为 5 unshift() 方法 unshift() 方法(在开头)向数组添加新元素,并“...反向位移”旧元素,即将旧元素都左移(注意:这个方法会改变数组中元素索引): var webKnowledge = ["HTML", "CSS", "JS", "VUE"]; webKnowledge.unshift...() 方法返回新数组长度: var webKnowledge = ["HTML", "CSS", "JS", "VUE"]; const x = webKnowledge.unshift("REACT

82330
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript数组方法中 push() 和 unshift() 区别

    在给数组push时候发现一个新方法unshift() 就找了一下区别: push() push() 方法(在数组结尾处)向数组添加一个新元素: var webKnowledge = ["HTML"...x = webKnowledge.push("REACT"); // 新数组长度 //x 值为 5 unshift() 方法 unshift() 方法(在开头)向数组添加新元素,并...“反向位移”旧元素,即将旧元素都左移(注意:这个方法会改变数组中元素索引): var webKnowledge = ["HTML", "CSS", "JS", "VUE"]; webKnowledge.unshift...() 方法返回新数组长度: var webKnowledge = ["HTML", "CSS", "JS", "VUE"]; const x = webKnowledge.unshift("REACT...() 方法是在开头添加 push() 方法不会改变原数组中元素索引,unshift() 会改变原数组中元素索引 unshift() 比push() 慢,消耗资源也更高 push() 方法使用场景和频率比

    84630

    【JavaScript】内置对象 - 数组对象 ② ( 数组添加元素 - push 方法 unshift 方法 | 数组删除元素 - pop 方法 shift 方法 )

    , element1, /* … ,*/ elementN) 该方法参数可以传入 0 到 若干个 指定元素值 ; 返回值 是 新数组对象 length 属性 , 也就是插入后数组大小 ; 参考文档...() 调用 Array 数组对象 unshift() 方法 可以在数组 开头 添加指定元素 , 返回新数组长度 , 语法如下 : unshift() unshift(element1) unshift...(element1, element2) unshift(element1, element2, /* …, */ elementN) 该方法参数可以传入 0 到 若干个 指定元素值 ; 返回值 是...pop() 方法 可以 删除数组最后一个元素 , 返回 被删除元素值 , 语法如下 : pop() 该方法没有参数 ; 返回值 是 被删除元素值 ; 参考文档 : https://developer.mozilla.org...shift() 方法 可以 删除数组 首部 元素 , 返回 被删除元素值 , 语法如下 : shift() 该方法没有参数 ; 返回值 是 被删除元素值 ; 参考文档 : https://developer.mozilla.org

    16110

    Js捕获异常方法

    Js捕获异常方法 JavaScript异常主要使用try catch finally语句以及窗口对象windowonerror事件来捕获。...try catch finally try catch finally只能捕获运行时错误,无法捕获语法错误,可以拿到出错信息,堆栈,出错文件、行号、列号。...,当运行时错误产生时,Error实例对象会被抛出,Error对象也可用于用户自定义异常基础对象,Js内建了几种标准错误类型: EvalError: 创建一个error实例,表示错误原因:与eval...SyntaxError: 创建一个error实例,表示错误原因:eval()在解析代码过程中发生语法错误。...window.onerror window.onerror可以捕捉语法错误,也可以捕捉运行时错误,可以拿到出错信息,堆栈,出错文件、行号、列号,只要在当前window执行Js脚本出错都会捕捉到,通过

    4.8K20

    JS数组常用方法

    JS 数组常用方法(个人感觉) 1. forEach() 循环,无法在中间停止 2. some() 循环,找到符合条件之后,可以通过 return true 退出循环 3. every() 测试数组中所有元素是否都能通过某个指定函数测试...amount, item) => (amount += item.price * item.count), 0); console.log(amount); //返回70 6. map() map()方法把调用它数组每一个元素分别传给指定函数...不会改变原数组,而是创建新数组 10. push()、pop()、shift()、unshift() let a = []; a.push(1); console.log(a.push(2, 3))...(a); console.log(a.unshift(11, 22)); // unshift()在数组开头添加元素,并返回数组新长度 console.log(a); console.log(a.shift...; console.log(a.split(",")); 16. sort() sort()方法对数组元素按字母顺序对数组元素排序 let arr = [1, 2, 11, 23, 22, 111,

    4.2K20

    JSindexOf方法

    大家好,又见面了,我是你们朋友全栈君。 indexOf()简介 indexOf()是js中内置方法之一,它功能大家都很熟悉:简单来说就是得到数据索引,对于正则不熟练的人,是个很不错方法。...如果查询到返回索引,反之返回-1(固定用法); 因为indexOf()在不同类型使用时候可能有细节性注意点; 这里我们对不同数据类型使用IndexOf场景进行讨论(其实就是string和array...) 注:(暂不讨论两个参数时(第二个参数为查询起始位置),以及lastIndexOf()) String类型使用indexOf(); String中indexOf方法 (话不多说直接上代码,不跟你多...()是对数据进行了隐式类型转换,如果参数是数值它会转换为字符来进行查询然后返回索引,本质原因是什么呢,那就是 我们js底层代码中String.prototype.indexOf()使用是==进行比较判断...; Number类型IndexOf() 醒醒,Number类型哪来indexOf()方法,会直接报错好吗, 如果想对数值类型进行查询索引,可以将数值转换为字符再进行查询,方法有很多: –

    5.2K40

    JS方法比较

    Object.keys() Object.keys 返回一个所有元素为字符串数组,其元素来自于从给定object上面可直接枚举属性。这些属性顺序与手动遍历该对象属性时一致。...循环对象属性时候,使用for...in;遍历数组时候时候使用for...of。...for...in循环出是key,for...of循环出是value for...of是ES6新引入特性。...修复了ES5引入for...in不足 for...of不能循环普通对象,需要通过和Object.keys()搭配使用 注释: for...of循环不会循环对象key,只会循环出数组value,...(不包含结束位置上字符串) 5. find 和 findIndex find 方法返回第一个满足条件值,如果没有满足条件值,find 会返回 undefined findIndex 方法则返回这个值在数组里索引

    6.3K00

    js sort()方法

    sort()方法 目录 定义和用法 代码实例1 代码实例2 返回值 注意 定义和用法 用于对数组元素进行排序 代码实例1 var arr = new Array(3) arr[...0] = 1 arr[1] = 3 arr[2] = 2 console.log(arr.sort()) 代码解析 如果调用该方法时没有使用参数,将按字母顺序对数组中元素进行排序,按照字符编码顺序进行排序...[2] = 22222 console.log(arr.sort(sortNumber)) 代码解析 如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值相对顺序数字...返回值:返回a-b即为升序,返回b-a即为降序 此种方式只适用于对数字升降序排序 返回值 对数组引用 注意 数组在原数组上进行排序,不生成副本(即用过arr.sort()方法后...,arr也会跟着改变为排完序情况)

    3.6K20

    JS 数组常用方法归纳

    请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。 该方法会改变数组长度。 unshift()  可向数组开头添加一个或更多元素,并返回新长度。...unshift() 方法将把它参数插入 arrayObject 头部,并将已经存在元素顺次地移到较高下标处,以便留出空间。...该方法第一个参数将成为数组新元素 0,如果还有第二个参数,它将成为新元素 1,以此类推。请注意,unshift() 方法不创建新创建,而是直接修改原有的数组。该方法会改变数组长度。...它直接修改 arrayObject,而不是创建一个新数组。push() 方法和 pop() 方法使用数组提供先进后出栈功能。 该方法会改变数组长度。...splice() 方法与 slice() 方法作用是不同,splice() 方法会直接对数组进行修改 splice() 方法可删除从 index 处开始零个或多个元素,并且用参数列表中声明一个或多个值来替换那些被删除元素

    2.3K30
    领券