JavaScript数组操作函数方法详解
2023-09-11 14:17:33 时间
2 var arr = [item 1, item 2, item 3];
3 var list = ul li + arr.join( /li li ) + /li /ul ;
4 /script
list结果:
‘ ul li item 1 /li li item 2 /li li item 3 /li /ul ’
这是迄今为止最快的方法!使用原生代码(如 join()),不管系统内部做了什么,通常比非原生快很多。——James Padolsey, james.padolsey.com
3、pop() 删除并返回数组的最后一个元素
pop()方法将删除数组的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。
如果数组已经为空,则pop()不改变数组,并返回undefined值
例如:
Thomas
George,John 4、push() 向数组的末尾添加一个或更多元素,并返回新的长度 例如:
4
George,John,Thomas,James 5、unshift() 向数组的开头添加一个或更多元素,并返回新的长度 例如:
4
James,George,John,Thomas 6、reverse() 颠倒数组中元素的顺序 例如:
Thomas,John,George 7、shift() 删除并返回数组的第一个元素 例如:
George
John,Thomas 8、slice(start,end) 从某个已有的数组返回选定的元素 请注意,该方法并不会修改数组,而是返回一个子数组 例如:
John,Thomas
George,John,Thomas 9、sort() 对数组的元素进行排序 对数组的引用。请注意,数组在原数组上进行排序,不生成副本 该方法默认是按照字符编码(ASCII)的顺序进行排序的 例如:
George,John,Thomas 再来看一个例子:
1,10,1000,25,40,5 我们可以看到,并非是按照我们认为的按数字大小排序,如果想按照数字大小排序,则需要改变默认的排序方式,自行指定排序规则。
如下:
1,5,10,25,40,1000 如果想要降序排列呢? 将排序规则改为: function (a, b) {return b – a;} 就OK了 10、splice() 删除元素,并向数组添加新元素 splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改 (1)删除指定范围的数组元素:
George,John,Martin (2)从指定下标开始插入指定元素(元素个数不限):
George,John,William,JACK,Thomas,James,Adrew,Martin (3)删除指定范围的数组元素,并用指定元素替换(元素个数不限):
George,John,William,JACK,Martin
JS数组操作:去重,交集,并集,差集 原文:JS数组操作:去重,交集,并集,差集 1. 数组去重 function unique(arr) { //定义常量 res,值为一个Map对象实例 const res = new Map(); //返回arr数组过滤后的结果,结果为一个...
JS提供了很多方便操作数组的方法,本文所要分享的就是如何快速对数组进行增、删、改、查。 1、push() 可接收任意数量的参数,把它们逐个添加至数组末尾,并返回修改后数组的长度。
1 script type="text/javascript" 2 var arr = ["George", "John", "Thomas"]; 3 document.write(arr + " br/ "); 4 document.write(arr.pop() + " br/ "); 5 document.write(arr); 6 /script输出结果: George,John,Thomas
Thomas
George,John 4、push() 向数组的末尾添加一个或更多元素,并返回新的长度 例如:
1 script type="text/javascript" 2 var arr = ["George", "John", "Thomas"]; 3 document.write(arr + " br/ "); 4 document.write(arr.push("James") + " br/ "); 5 document.write(arr); 6 /script输出结果: George,John,Thomas
4
George,John,Thomas,James 5、unshift() 向数组的开头添加一个或更多元素,并返回新的长度 例如:
1 script type="text/javascript" 2 var arr = ["George", "John", "Thomas"]; 3 document.write(arr + " br/ "); 4 document.write(arr.unshift("James") + " br/ "); 5 document.write(arr); 6 /script输出结果: George,John,Thomas
4
James,George,John,Thomas 6、reverse() 颠倒数组中元素的顺序 例如:
1 script type="text/javascript" 2 var arr = ["George", "John", "Thomas"]; 3 document.write(arr + " br/ "); 4 document.write(arr.reverse()); 5 /script输出结果: George,John,Thomas
Thomas,John,George 7、shift() 删除并返回数组的第一个元素 例如:
1 script type="text/javascript" 2 var arr = ["George", "John", "Thomas"]; 3 document.write(arr + " br/ "); 4 document.write(arr.shift() + " br/ "); 5 document.write(arr); 6 /script输出结果: George,John,Thomas
George
John,Thomas 8、slice(start,end) 从某个已有的数组返回选定的元素 请注意,该方法并不会修改数组,而是返回一个子数组 例如:
1 script type="text/javascript" 2 var arr = ["George", "John", "Thomas"]; 3 document.write(arr + " br/ "); 4 document.write(arr.slice(1) + " br/ "); // 从第一个元素开始截取到 数组结尾 5 document.write(arr); 6 /script输出结果: George,John,Thomas
John,Thomas
George,John,Thomas 9、sort() 对数组的元素进行排序 对数组的引用。请注意,数组在原数组上进行排序,不生成副本 该方法默认是按照字符编码(ASCII)的顺序进行排序的 例如:
1 script type="text/javascript" 2 var arr = new Array(6); 3 arr[0] = "John"; 4 arr[1] = "George"; 5 arr[2] = "Thomas"; 6 document.write(arr + " br/ "); 7 document.write(arr.sort()); 8 /script输出结果: John,George,Thomas
George,John,Thomas 再来看一个例子:
1 script type="text/javascript" 2 var arr = new Array(6); 3 arr[0] = 10 4 arr[1] = 5 5 arr[2] = 40 6 arr[3] = 25 7 arr[4] = 1000 8 arr[5] = 1 9 document.write(arr + " br/ "); 10 document.write(arr.sort()); 11 /script输出结果: 10,5,40,25,1000,1
1,10,1000,25,40,5 我们可以看到,并非是按照我们认为的按数字大小排序,如果想按照数字大小排序,则需要改变默认的排序方式,自行指定排序规则。
如下:
1 script type="text/javascript" 2 var arr = new Array(6); 3 arr[0] = 10 4 arr[1] = 5 5 arr[2] = 40 6 arr[3] = 25 7 arr[4] = 1000 8 arr[5] = 1 9 document.write(arr + " br/ "); 10 document.write(arr.sort(function (a, b) {return a - b;}));// 从大到小 11 /script输出结果: 10,5,40,25,1000,1
1,5,10,25,40,1000 如果想要降序排列呢? 将排序规则改为: function (a, b) {return b – a;} 就OK了 10、splice() 删除元素,并向数组添加新元素 splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改 (1)删除指定范围的数组元素:
1 script type="text/javascript" 2 var arr = new Array(6); 3 arr[0] = "George"; 4 arr[1] = "John"; 5 arr[2] = "Thomas"; 6 arr[3] = "James"; 7 arr[4] = "Adrew"; 8 arr[5] = "Martin"; 10 document.write(arr + " br/ "); 11 arr.splice(2, 3); // 删除第三个元素以后的三个数组元素(包含第三个元素) 12 document.write(arr); 13 /script输出结果: George,John,Thomas,James,Adrew,Martin
George,John,Martin (2)从指定下标开始插入指定元素(元素个数不限):
1 script type="text/javascript" 2 var arr = new Array(6); 3 arr[0] = "George"; 4 arr[1] = "John"; 5 arr[2] = "Thomas"; 6 arr[3] = "James"; 7 arr[4] = "Adrew"; 8 arr[5] = "Martin"; 10 document.write(arr + " br/ "); 11 arr.splice(2, 0, "William","JACK"); // 在第三个元素之前插入"William","JACK" 12 document.write(arr); 13 /script输出结果: George,John,Thomas,James,Adrew,Martin
George,John,William,JACK,Thomas,James,Adrew,Martin (3)删除指定范围的数组元素,并用指定元素替换(元素个数不限):
1 script type="text/javascript" 2 var arr = new Array(6); 3 arr[0] = "George"; 4 arr[1] = "John"; 5 arr[2] = "Thomas"; 6 arr[3] = "James"; 7 arr[4] = "Adrew"; 8 arr[5] = "Martin"; 10 document.write(arr + " br/ "); 11 arr.splice(2,3,"William","JACK"); // 删除第三个元素以后的三个数组元素(包含第三个元素),并用"William","JACK"进行替换 12 document.write(arr); 13 /script输出结果: George,John,Thomas,James,Adrew,Martin
George,John,William,JACK,Martin
JS数组操作:去重,交集,并集,差集 原文:JS数组操作:去重,交集,并集,差集 1. 数组去重 function unique(arr) { //定义常量 res,值为一个Map对象实例 const res = new Map(); //返回arr数组过滤后的结果,结果为一个...
JS提供了很多方便操作数组的方法,本文所要分享的就是如何快速对数组进行增、删、改、查。 1、push() 可接收任意数量的参数,把它们逐个添加至数组末尾,并返回修改后数组的长度。
相关文章
- Win10系列:JavaScript综合实例4
- Jsp页面里引入一个javascript文件,在jsp的onclick里怎么添加脚本文件里的方法
- [Javascript] Use requestIdleCallback to schedule JavaScript tasks at an optimal time
- [Javascript] Avoiding Mutations in JavaScript with Immutable Data Structures
- [Javascript] Await a JavaScript Promise in an async Function with the await Operator
- [Javascript] JavaScript赋值时的传值与传址
- [Javascript] Different ways to create an new array/object based on existing array/object
- Javascript网页截屏的方法
- [Javascript] Build lodash.debounce from Scratch
- [Javascript] Customize Behavior when Accessing Properties with Proxy Handlers
- JavaScript中判断对象类型的种种方法
- JavaScript 中搜索数组的四种方法
- SAP Server Side JavaScript解决方案
- Javascript异步编程的4种方法
- Atitit. servlet 与 IHttpHandler ashx listen 和HttpModule的区别与联系 原理理论 架构设计 实现机制 java php c#.net js javascript c++ python
- JavaScript数组的扁平化:将 2D JavaScript 二维数组转换为 1D 一维数组(多种方法)
- JavaScript练习:显示一个钟表,当下的时间
- JavaScript数组的常用方法总结:遍历,复制,反转,排序,添加,删除(前端常见面试题必考必问)实例演示
- jQWidgets 15.0 for JavaScript Crack
- 【 华为OD机试 2023】 创建二叉树(C++ Java JavaScript Python)
- javaScript在私有的属性和方法
- 从chrome源码看JavaScript执行 dom
- Java抓取网页数据(原网页+Javascript返回数据)
- Javascript Array 方法整理
- Javascript 创建对象方法的总结
- 【前端领域高频笔试面试】—— JavaScript相关(一)
- JavaScript数组的常用方法总结:遍历,复制,反转,排序,添加,删除(前端常见面试题必考必问