JavaScript之Array/数组小结
MDN-Array的属性/方法:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | clear(); //0.数组长度 array.length console.log( "array.length:" ,[45,67].length); //1.数组-原型 Array.prototype console.log( "Array.prototype:" ,Array.prototype) //2.Array.from() :对伪数组或可迭代对象(包括arguments Array,Map,Set,String...)转换成数组对象 console.log( "Array.from(obj)" ,Array.from([ "a3" , "56757" , "56757" ,[67,8768]])); console.log( "Array.from(obj)" ,Array.from( "johnny" )); //3.Array.isArray() 用于确定传递的值是否是一个 Array console.log( "Array.isArray(xxx):" ,Array.isArray([]),Array.isArray( "" )) var arr = [3,4,64,4,5,-45,6,67,-65,456435,4354]; //相当好用 //4.数组-过滤器 arr.filter( function (element,index,array){ if (element < 0){ return false ; } else return true ; }) //相当好用 //5.数组-遍历/处理 Array.map(function(element,index,array){}) arr.map( function (element,index,array){ if (element>100){ console.log(element) } return element; }) //6.数组-排序/处理 Array.sort(compareFunction) var arrObj = [23,31,45,56]; arrObj.sort( function (a,b){ return a-b; }) //升序:[23,31,45,56] //7.数组元素修改操作:替换/剪切/删除 Array.prototype.splice() 实现数组的灵活删除与插入 var myFish = [ "angel" , "clown" , "mandarin" , "surgeon" ]; //从第 2 位开始删除 0 个元素,插入 "drum" var removed = myFish.splice(2, 0, "drum" ); //运算后的 myFish:["angel", "clown", "drum", "mandarin", "surgeon"] //被删除元素数组:[],没有元素被删除 //从第 3 位开始删除 1 个元素 removed = myFish.splice(3, 1); //运算后的myFish:["angel", "clown", "drum", "surgeon"] //被删除元素数组:["mandarin"] //从第 2 位开始删除 1 个元素,然后插入 "trumpet" removed = myFish.splice(2, 1, "trumpet" ); //运算后的myFish: ["angel", "clown", "trumpet", "surgeon"] //被删除元素数组:["drum"] //从第 0 位开始删除 2 个元素,然后插入 "parrot", "anemone" 和 "blue" removed = myFish.splice(0, 2, "parrot" , "anemone" , "blue" ); //运算后的myFish:["parrot", "anemone", "blue", "trumpet", "surgeon"] //被删除元素的数组:["angel", "clown"] //从第 3 位开始删除 2 个元素 removed = myFish.splice(3, Number.MAX_VALUE); //运算后的myFish: ["parrot", "anemone", "blue"] //被删除元素的数组:["trumpet", "surgeon"] |
输出
1 2 3 4 5 6 7 8 | array.length: 1 05:17:04.718 main.raven.938767835e3e5ae6e744.js:1 Array.prototype: [constructor: ƒ, concat: ƒ, pop: ƒ, push: ƒ, shift: ƒ, …] 05:17:04.721 main.raven.938767835e3e5ae6e744.js:1 Array.from(obj) (4) [ "a3" , "56757" , "56757" , Array(2)] 05:17:04.722 main.raven.938767835e3e5ae6e744.js:1 Array.from(obj) (6) [ "j" , "o" , "h" , "n" , "n" , "y" ] 05:17:04.722 main.raven.938767835e3e5ae6e744.js:1 Array.isArray(xxx): true false 05:17:04.723 main.raven.938767835e3e5ae6e744.js:1 456435 05:17:04.723 main.raven.938767835e3e5ae6e744.js:1 4354 05:17:04.723 (11) [3, 4, 64, 4, 5, -45, 6, 67, -65, 456435, 4354] |
参考文献
本文作者:
千千寰宇
本文链接: https://www.cnblogs.com/johnnyzen/p/7765990.html
关于博文:评论和私信会在第一时间回复,或直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
日常交流:大数据与软件开发-QQ交流群: 774386015 【入群二维码】参见左下角。您的支持、鼓励是博主技术写作的重要动力!
本文链接: https://www.cnblogs.com/johnnyzen/p/7765990.html
关于博文:评论和私信会在第一时间回复,或直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
日常交流:大数据与软件开发-QQ交流群: 774386015 【入群二维码】参见左下角。您的支持、鼓励是博主技术写作的重要动力!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 上周热点回顾(1.20-1.26)
· 【译】.NET 升级助手现在支持升级到集中式包管理