首页
学习
活动
专区
工具
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

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

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() 方法使用场景和频率比

79830

【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

300

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

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.7K20

JSindexOf方法

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

5.1K40

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.5K20

js数组迭代器方法

1.不生成新数组迭代器方法 forEach() 该方法接受一个函数作为参数,对数组中每个元素使用该函数。...该方法会从一个累加值开始,不断对累加值和数组中后续元素调用改函数,直到数组中最后一个元素,最后返回得到累加值。...10 add(10,5);//15 add(15,6);//21 add(21,7);//28 add(28,8);//36 add(36,9);//45 add(45,10);//55 reduce 方法也可以用来将数组中元素连接成一个长字符串...map() 该方法对数组中每个元素使用某个函数,返回一个新数组,该数组元素是对原有元素应用某个函数得到结果。...,当对数组中所有元素应用改函数,结果均为true时,该方法并不返回true,而是返回一个新数组。

2K20
领券