js基础---数组方法

数组数据的排序及去重  

              sort无形参的排序方式	arr1=[2,12,3,15];var a=arr1.sort();console.log(arr1);console.log(a);//排序会改变原本数组是顺序,是依据首个字符的大小开始排名sort有形参的排序方式方法1arr2=[2,12,3,15];var b=arr2.sort(function(n1,n2){if(n1>n2){return 1}})/*自定义形参n1>n2时,return正值是指将n1与n2调换位置,即数据从小到大排列只有将function(n1,n2)改为(n2,n1)才能够实现从大到小排列的效果,修改其他位置均不能达到效果*/console.log(arr2);console.log(b);方法2arr3=[2,12,3,15];var c=arr3.sort(function(n2,n1){if(n1>n2){return n1-n2}})/*自定义形参n1>n2时,return正值是指将n1与n2调换位置,即数据从小到大排列,只有将function(n1,n2)改为(n2,n1)才能够实现从大到小排列的效果,修改其他位置均不能达到效果*/console.log(arr3);console.log(c);数组中的数据逆序排列arr4=[2,12,3,15];var d=arr4.reverse();console.log(arr4);console.log(d);会更改原本数组的顺序将数组以单个数据的形式添加入新的 数组arr5=[1,2,3];arr6=[5,6,7];var arr7=arr5.concat(arr6);console.log(arr5);console.log(arr6);console.log(arr7);//备注原本两个数组中的数据不变arr7为新生成的数组

数组冒泡排序

               arr=[2,11,9,6,8] ;function ss(arr){var temp;for(var i=0;i<arr.length;i  ){for(var j=0;j<arr.length-1-i;j  ){if(arr[j]>arr[j 1]){temp=arr[j];arr[j]=arr[j 1];arr[j 1]=temp;}    }}}ss(arr);console.log(arr);

数组去重 1        

               var arr=[12,3,4,6,3,5,12];			function unique1(array){ var n = []; for(var i = 0; i < array.length; i  ){ if (n.indexOf(array[i]) == -1) n.push(array[i]); } return n; }var a=unique1(arr);console.log(a);

   数组去重    2

				var obj={};var newarr=new Array();for(var i=0;i<arr.length;i  ){if(!obj[arr[i]]==1){obj[arr[i]]=1;newarr.push(arr[i])}}

数组的增删改查及字符串数组转换

        数组中添加后面多个数据var arr1=new Array;arr1[0]=1;        var a=arr1.push(5,6);console.log(arr1);console.log(a);        数组中删除最后一个数据arr2=[1,2,3,4,5];var b=arr2.pop();console.log(arr2);console.log(b);数组中添加前面多个数据arr3=[1,2,3];        var c=arr3.unshift(5,6);console.log(arr3);console.log(c);  
数组前面删除一个数据arr4=[1,2,3]; var d=arr4.shift();console.log(arr4);console.log(d);复合数组(也叫2维数组,现在很少用)arrwrap=[["xu","xu"],["dan","dan"],["dan","dan"]];console.log(arrwrap[0]);console.log(arrwrap[0][0]);简单数组之中字符的链接arr5=["xu","dan","dan"];var e=arr5.join("_");console.log(arr5);console.log(e);将字符串拆分为数组var f="192.110.124.189";var arr6=f.split(".");console.log(f);console.log(arr6);数组中从某个位置添加和删除多个数据/数组中从某个位置删除多个数据var arr7=[1,2,3,4,5,6,7];var g=arr7.splice(2,3);console.log(arr7);console.log(g);//arr7有改动,为删除之后的数组剩余的数据//g删除的数据 数组中从某个位置添加数据var arr8=[1,2,3,4,5,6,7];var h=arr8.splice(2,0,"a","a","a","a","a","a");console.log(arr8);console.log(h);//arr8有改动,为添加之后的数组剩余的数据//h删除的数据

              
小拓展function pri(){console.log(this);console.log(arguments);};pri();//          function pri(){for(var i=0;i<arguments.length;i  ){console.log(arguments[i])}}
//          function sum(){sum=0; for(var i=0;i<arguments.length;i  ){sum =arguments[i]}return sum}
//          pri(1,2,3);
//          console.log(sum(1,2,3)); 

es5及es6数组新方法(2009年及2015年)

(indexOf、forEach、map、filter、every、find、some、reduce)
var arr = [{name:'iphone x', price:8000}, {name:'iphone 7', price:5000}, {name:'iphone 6', price:2000}]arr.forEach(function(val, index){console.log(val, index);})// map可以重组一个数组var list = arr.map(function(val, index){var obj = {}// 对象拷贝Object.assign(obj, val)obj.lock = 0return obj})    console.log(list, arr);// 过滤一些不要的数据,生成一个新数组var newList = arr.filter(function(val, index){// 过滤条件return val.price < 6000})console.log(newList);// 只能找到一个元素var prod = arr.find(function(val, index){// 找到元素的条件return val.name == 'iphone 6'})console.log(prod);

  


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/361427.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

扩展Asterisk1.8.7的CLI接口

我之前有一篇文章&#xff08;http://www.cnblogs.com/MikeZhang/archive/2012/04/14/asteriskCLIAppTest20120414.html&#xff09;介绍过如何扩展asterisk的cli接口&#xff0c;本篇是它的继续&#xff0c;总结下&#xff0c;也方便我以后查阅。 大部分情况下&#xff0c;配置…

CSS中的 ',' 、''、'+'、'~'

1、群组选择器&#xff08;,&#xff09; /* 表示既h1&#xff0c;又h2 */ h1, h2 {color: red; } 2、后代选择器&#xff08;空格&#xff09; /* 表示 h1 下面的所有 span 元素&#xff0c;不管是否以 h1 为直接父元素 */ h1 span {} 3、子元素选择器&#xff08;>&#x…

避免不必要的Spring配置组件扫描

我在堆栈溢出中遇到了一个有趣的问题。 Brett Ryan有问题&#xff0c;Spring Security配置被初始化了两次。 当我查看他的代码时&#xff0c;我发现了问题所在。 让我展示显示代码。 他有相当标准的Spring应用程序&#xff08;不使用Spring Boot&#xff09;。 使用基于Spring…

正则表达式 小结

时间&#xff1a;2018年1月21日 18:29:01 用于&#xff1a;此小结是学习正则表达式的总结 正则表达式&#xff08;regular expression&#xff09;小结1. . 表示出断行外任意一个字符   ^行首   $行尾   [] 表示范围 如&#xff1a;[a-z]指a到z范围的一个字符 [\u]表…

js 之for..in、表单及事件触发

<html ><body> <script type"text/javascript">var x;var mycarsnew Array();mycars[0] "saa";mycars[1] "Va";mycars[2] "BMW";for(x in mycars)//x是变量用来指定变量&#xff0c;指定的变量可以是数组元素&…

移动端,fixed bottom问题

//不显示 .bar {position:fixed;bottom:0;z-index:99; }//显示 .bar{position:fixed;bottom:calc(90vh); /*当前屏幕高度百分比90%*/z-index:99; } 转载于:https://www.cnblogs.com/qq917937712/p/11475310.html

js 判断一个字符在字符串中出现的次数

<script type"text/javascript">var sdjh.doiwe.esd.d.ddd0sdd.d.; var n(s.split(.)).length-1; document.write(n);</script> 结果&#xff1a;6 更多专业前端知识&#xff0c;请上 【猿2048】www.mk2048.com

Spring Boot微服务的黑匣子测试是如此简单

当我需要进行原型设计&#xff0c;概念验证或在空闲时间使用一些新技术时&#xff0c;开始新项目对于Maven来说总是有点烦人。 不得不说&#xff0c;设置Maven项目并不难&#xff0c;您可以使用Maven原型。 但是原型通常是过时的。 谁想玩旧技术&#xff1f; 因此&#xff0c;我…

sharepoint ECMAScript对象模型系列

转载&#xff1a;Sharepoint学习笔记—ECMAScript对象模型系列-- 8、组与用户操作(一) http://www.cnblogs.com/wsdj-ITtech/archive/2012/06/08/2416967.html 转载于:https://www.cnblogs.com/EricLee007/archive/2012/06/08/2541636.html

c++ static关键字的作用

名称  全局静态变量  局部静态变量   静态函数  类的静态成员类的静态函数形式  全局变量前加static局部变量前加static 函数返回类型前加static类成员前加static类成员函数前加static存储区域 静态存储区 运行期间一直存在 静态存储区 运行期间一直存在 作用域…

单片机第三季-第七课:STM32中断体系

目录 1&#xff0c;NVIC 2&#xff0c;中断和事件的区别 3&#xff0c;优先级的概念 4&#xff0c;如何实际编程使用外部中断 5&#xff0c;STM32开发板通过按键控制LED 5.1&#xff0c;打开相应GPIO模块时钟 5.2&#xff0c;NVIC设置 5.3&#xff0c;外部中断线和配套…

【学亮IT手记】angularJS select2多选下拉框实例

永远保持对大部分知识的好奇心&#xff0c;学习从不枯燥&#xff0c;也没有被逼学习一说&#xff0c;乐此不疲才是该有的心态和境界&#xff01;&#xff01;&#xff01; 引入相关js库&#xff1a; html部分代码&#xff1a; angularJS定义数据源变量&#xff1a; 更多专业前端…

虚拟主机相关业务知识介绍

什么是虚拟主机&#xff1f; 虚拟主机是使用特殊的软硬件技术&#xff0c;把一台运行在因特网上的服务器主机分成一台台“虚拟”的主机&#xff0c;每一台虚拟主机都具有独立的域名&#xff0c;具有完整的Internet服务器&#xff08;WWW、FTP、Email等&#xff09;功能&#xf…

在CXF API和拦截器中添加Gzip压缩

如今&#xff0c;由于我们在响应中发送大量数据&#xff0c;因此必须对API响应执行Gzip压缩。 它节省了网络带宽和交付时间&#xff0c;当然还节省了Internet上的空间。 CXF提供了以多种方式使用Gzip压缩的选项。 蓝图 注解 蓝图&#xff1a; <bean id"gZipInterce…

zTree树形菜单交互选项卡效果实现

1、 添加自定义属性 page 2、 为 ztree 每个树形节点&#xff0c;添加点击事件 1 <!DOCTYPE html>2 <html>3 4 <head>5 <meta charset"UTF-8">6 <title>ztree树形菜单的使用</title>7 <!-- 导入…

windows 服务部署管理

通过创建bat文件&#xff0c;能够快速的对服务进行部署和卸载。 部署的命令如下&#xff1a; $SystemRoot%\Microsoft.NET\Framework\v4.0.30319\installutil.exe [exename] Net Start [servicename] sc config [servicename] startauto 卸载的命令如下: $SystemRoot%\Microsof…

oracle中sql语句的优化(转帖)

一、执行顺序及优化细则 1.表名顺序优化 (1) 基础表放下面,当两表进行关联时数据量少的表的表名放右边 表或视图: Student_info (30000条数据) Description_info (30条数据) select * from description_info di ,student_info si --学生信息表 where si.student…

Devoxx Hackergarten的企业Web应用程序原型

我已经连续10年参加DevoxxBe了 。 这是我最喜欢的Java会议&#xff0c;但是谈话时间表并不总是最佳的&#xff1a;有时我想同时看2个精彩的谈话&#xff01; 因此&#xff0c;在Devoxx的Hackergarten&#xff0c;在参加讲座之间&#xff0c;我们中的一些人开始构建Web应用程序以…

C# 加载C++的dll

[DllImport("kernel32")] private static extern IntPtr LoadLibrary([MarshalAs(UnmanagedType.LPStr)]string fileName) 转载于:https://www.cnblogs.com/sky-jyq/p/11509059.html

谈一谈Http Request 与 Http Response

谈一谈Http Request 与 Http Response   写在前面的话&#xff1a;最近帮朋友弄弄微信商城&#xff0c;对于微信的基础开发&#xff0c;基本上就是各种post、get&#xff0c;有时是微信服务器向我们的服务器post、get数据&#xff0c;有时需要我们自己的服务器向微信服务器各…