第191天:js---Array常用属性和方法总结

简介: Array---常用属性和方法总结1、Array对象构造函数 1 /*Array对象构造函数*/ 2 3 /*组合记忆 shift unshift pop push 4 添加和删除 5 shift unshift 从数组开头开始添加或者删除 6 p...

Array---常用属性和方法总结

1、Array对象构造函数

 1 /*Array对象构造函数*/
 2 
 3     /*组合记忆 shift unshift pop push
 4     添加和删除
 5     shift unshift  从数组开头开始添加或者删除
 6     pop push   从数组末尾添加或者删除
 7      */
 8 
 9     //shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined
10     var arr1 = [1,2,3,4,5];
11     var arr2 = [1,2,3,4,5];
12     var result = arr1.shift(); 
13     console.log(result);//a:[2,3,4,5] b:1
14 
15     //unshift:将参数添加到原数组开头,并返回数组的长度
16     arr1 = [1,2,3,4,5];
17     result = arr1.unshift(-2,-1); 
18     console.log(result);//a:[-2,-1,1,2,3,4,5] b:7
19     //注:在IE6.0下测试返回值总为undefined,
20     //FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。
21 
22 
23     //pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined
24     arr1= [1,2,3,4,5];
25     result = arr1.pop(); 
26     console.log(result);//a:[1,2,3,4] b:5
27 
28     //push:将参数添加到原数组末尾,并返回数组的长度
29     arr1 = [1,2,3,4,5];
30     result = arr1.push(6,7); 
31     console.log(result);//a:[1,2,3,4,5,6,7] b:7

2、数组合并---concat

1 /*数组合并concat*/
2 
3     //concat:返回一个新数组,是将参数添加到原数组中构成的
4     arr1 = [1,2,3,4,5];
5     result = arr1.concat(6,7); 
6     console.log(result);//a:[1,2,3,4,5] b:[1,2,3,4,5,6,7]

3、数组排序---排序 sort 从小到大, reverse 从大到小

 1 /*排序 sort 从小到大 reverse 从大到小*/
 2      // sort(orderfunction):按指定的参数对数组进行排序
 3     arr1 = [1,2,3,4,5];
 4     result = arr1.sort(); 
 5     console.log(result);//[1,2,3,4,5]
 6 
 7     //    reverse:将数组反序
 8     arr1 = [1,2,3,4,5,8,34];
 9     result = arr1.reverse(); 
10     console.log(result);//[34,8,5,4,3,2,1]

4、数组截取---slice(start,end)

1 // slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组,但不包括结束位置的项
2     arr1 = [1,2,3,4,5];
3     result = arr1.slice(2,5); //[3,4,5]
4     result = arr1.slice(2);   //[3,4,5]     在只有一个参数的情况下,slice()方法返回从该参数指定位置开始到当前数组末尾的所有项;
5 
6     //返回自身
7     result = arr1.slice(0);   //返回自身

5、数组拼接成字符串---join(separator)

1 /*join(separator) 数组拼接成字符串*/
2     //将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符
3     arr1 = [1,2,3,4,5];
4     result = arr1.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

6、splice

 1 /*splice*/
 2     //splice(start,deleteCount,val1,val2,...):
 3     // 从start位置开始删除deleteCount项,并从该位置起插入val1,val2,...
 4     arr1 = [1,2,3,4,5];
 5     result = arr1.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4]
 6     result = arr1.splice(0,1); //同shift
 7 
 8     arr1.splice(0,0,-2,-1);
 9     result = arr1.length; //同unshift
10 
11     result = arr1.splice(arr1.length-1,1); //同pop
12     arr1.splice(arr1.length,0,6,7);
13     result = arr1.length; //同push

7、去除数组中的重复项

 1 <script>
 2     /*--数组扩展方法--*/
 3     /*
 4      *去除数组中的重复项
 5      */
 6     Array.prototype.unique = function() {
 7         var a = []; var l = this.length;
 8         for (var i = 0; i < l; i++)
 9         {
10             for (var j = i + 1; j < l; j++)
11             {
12                 if (this[i] === this[j]) j = ++i;
13             }
14             a.push(this[i]);
15         }
16         return a;
17     };
18 
19     var arr = [1,2,3,4,5,6,6,7,7,77,7,]
20     console.log(arr.unique());//Array(8)
21 
22 </script>

 

相关文章
|
6月前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
353 69
|
5月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境,包括查看当前版本和清除旧版本;接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm(Node Version Manager)进行多版本管理,便于切换和设置默认版本。同时,提供常见问题解决方法,如权限错误处理和全局模块迁移方案,以及版本回滚操作,确保用户能够灵活应对不同需求。
470 0
|
5月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式,无论你是初涉其中的新手还是找寻挑战的专家,总有一种方式能满足你的需求。现在,你已经是这个
540 80
|
12月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
266 1
|
9月前
|
前端开发 JavaScript
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
393 58
|
7月前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
JS回收机制方法讲解
|
8月前
|
JavaScript 前端开发 Java
深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
Array.find() 是 JavaScript 数组方法中一个非常实用和强大的工具。它不仅提供了简洁的查找操作,还具有性能上的独特优势:返回的引用能够直接影响原数组的数据内容,使得数据更新更加高效。通过各种场景的展示,我们可以看到 Array.find() 在更新、条件查找和嵌套结构查找等场景中的广泛应用。 在实际开发中,掌握 Array.find() 的特性和使用技巧,可以让代码更加简洁高效,特别是在需要直接修改原数据内容的情形。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
12月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
715 62
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
338 63
|
8月前
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~