js系列教程1-数组操作全解

时间:2022-06-17 13:45:37

全栈工程师开发手册 (作者:栾鹏)

快捷链接:

js系列教程1-数组操作全解

js系列教程2-对象和属性全解

js系列教程3-字符串和正则全解

js系列教程4-函数与参数全解

js系列教程5-容器和算法全解

js系列教程6-BOM操作全解

js系列教程7-DOM操作全解

js系列教程8-事件全解

js系列教程9-表单元素全解

js系列教程10-canvas绘图全解

js系列教程11-json、ajax、comet全解

js系列教程12-离线应用与存储全解

数组操作全解

js变量类型

var string;
var name = "student",age=12;            //underfined、null、boolean、string、number为基本数值类型。逗号一并定义初始化多个变量。基本包装类型String、Boolean、Number通过valueOf()可以获取基本数值类型,可以实现自动装箱和拆箱操作。

数组的定义

var names=[];                           //定义数组并初始化为空
names = ["小明","小红","小刚"];           //赋值,可以在定义时赋值
names = new Array();                    //定义数组并初始化为空
names=new Array(names.length);          //数组基类为Array,属性length为数组长度
names = new Array('小明','小红','小刚');  //字符串不区分单双引号,只要配对使用就行

增删查改

//元素增加
names[4]="小胡";                         //通过赋值,直接添加了两项,null和“小胡”
names.unshift("小李","小兰");             //首部添加
names.push("小李","小兰");                //末尾添加

//元素删除
var item = names.pop();                  //删除获取最后一项
item=names.shift();                      //删除获取第一项
names.splice(2,1,"小季","小明");          //删除添加数据,修改源数组,第一个参数表示开始删除的位(包含),第二个参数表示要删除的数目,后面参数表示在删除位置处添加的元素

//元素读取查找
var nameitem=names[2];                  //使用[]读取数组,这是最简单的读取方式
names = names.slice(-4,6);              //读取数组段,不修改源数组,负数表示从右向左数,-1表示末尾第一个元素,0表示首部第一个元素。只有一个参数时表示直到末尾。读取索引包含第一个参数不包含第二个参数
names.indexOf("小明");                    //查找匹配元素的位置,没有找到返回-1,lastindexof表示最后匹配的位置。

//数组的拼接和字符串表示
names=names.concat("小王",["小明","小黑"]); //拼接数组,不修改源数组,所以要赋值
var str=stringnames.join(",");            //使用间隔字符串连接数组

遍历

var boolresult = names.every(function(item,index,array){   //对数组中元素每一项进行布尔运算,返回false和true。every函数,全部元素返回true时返回true。some函数某一元素返回true时返回true
    return (index>2);
});
var nameresult = names.filter(function(item,index,array){   //返回数组,filter函数获取满足条件的项,map函数获取每一项计算值的集合,不改变原数组,forEach函数等价于for语句,对每项处理
    return (index>2);
});
nameresult = names.reduce(function(prev,cur,index,array){   //reduce从前向后迭代,reduceRight从后向前迭代。
    return prev+"+"+cur;                                    //迭代从第二项开始,prev初始值为第一项,cur初始值为第二项。计算值自动传给下一函数的prev,返回最后一次迭代产生的值
});

排序

names.reverse();                        //数组取反
names.sort();                           //数组排序sort(compare),参数可为排序函数,空元素将排到最后
function compare(student1,student2){    //比较函数,返回-1,0,1
    //return student1.age<student2.age?-1:(student1.age==student2.age?0:1);   //-1表示前对象小,1表示后对象小,0表示相等
    return student2.age-student1.age;  //正数自动转化为1,负数转化为-1
}

数组原型

自定义数组原型函数,实现为所有数组添加功能

function array_max( )
{
    return Math.max.apply(Math,this);    //max取最大值,min取最小值。还有很多数学运算
}
Array.prototype.max = array_max;         //重写数组原型链
var x = new Array(1, 2, 3, 4, 5, 6);     //应用自定义原型函数
var y = x.max( );

js系列教程1-数组操作全解的更多相关文章

  1. jquery系列教程4-事件操作全解

    点击打开: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动 ...

  2. jquery系列教程2-style样式操作全解

    全栈工程师开发手册 (作者:栾鹏) 快捷链接: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件 ...

  3. jquery系列教程6-ajax的应用全解

    点击打开: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动 ...

  4. css系列教程1-选择器全解

    全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css系列教程1-选择器全解 css系列教程2-样式操作全解 css选择器全解: css选择器包括:基本选择器.属性选择器.伪类选择器.伪元 ...

  5. jquery系列教程1-选择器全解

    全栈工程师开发手册 (作者:栾鹏) 快捷链接: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件 ...

  6. Js基础知识1-数组操作全解

    数组操作全解 js变量类型 var string; var name = "student",age=12; //underfined.null.boolean.string.nu ...

  7. js系列教程2-对象、构造函数、对象属性全解

    全栈工程师开发手册 (作者:栾鹏) 快捷链接: js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算 ...

  8. jquery系列教程3-DOM操作全解

    全栈工程师开发手册 (作者:栾鹏) 快捷链接: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件 ...

  9. js系列教程11-json、ajax(XMLHttpRequest)、comet、SSE、WebSocket全解

    js系列教程11-json.ajax(XMLHttpRequest).comet.SSE.WebSocket全解:https://blog.csdn.net/luanpeng825485697/art ...

随机推荐

  1. FPS

    游戏的FPS跟什么有关 http://zhidao.baidu.com/link?url=jZJoN_-MTC9fWCBSBaL5vezBp13MRSv8PdCcQMbwX5tiFGzxNEHe7UB ...

  2. Gartner&colon; Hype Cycle for Emerging Technologies-2012 &lpar;技术成熟度曲线&rpar; &lbrack;转&rsqb;

      英文稿: The “Hype Cycle for Emerging Technologies” report is the longest-running annual Hype Cycle, p ...

  3. 万台规模下的SDN控制器集群部署实践

    目前在网络世界里,云计算.虚拟化.SDN.NFV这些话题都非常热.今天借这个机会我跟大家一起来一场SDN的深度之旅,从概念一直到实践一直到一些具体的技术. 本次分享分为三个主要部分: SDN &amp ...

  4. ubuntu vi编辑insert时上下左右建为ABCD

    ubuntu  在vi编辑insert时上下左右建不能移动光标而是输出ABCD,backspace也不能起删除作用, 开始我退出insert模式就能够移动和删除了,不过这样太麻烦很不适应, 只要一次执 ...

  5. c&num; 图片转二进制&sol;字符串 二进制&sol;字符串反转成图片

    protected void Button1_Click(object sender, EventArgs e) { //图片转二进制 byte[] imageByte = GetPictureDat ...

  6. FPGA跨时钟域处理方法

    文章主要是基于学习后的总结. 1. 时钟域 假如设计中所有的触发器都使用一个全局网络,比如FPGA的主时钟输入,那么我们说这个设计只有一个时钟域.假如设计有两个输入时钟,如图1所示,一个时钟给接口1使 ...

  7. Servlet学习&lpar;二&rpar;:ServletConfig获取参数;ServletContext应用:请求转发,参数获取,资源读取;类装载器读取文件

    转载:http://www.cnblogs.com/xdp-gacl/p/3763559.html 一.ServletConfig讲解 1.1.配置Servlet初始化参数 在Servlet的配置文件 ...

  8. simpson法计算arctan&lpar;1&rpar;-即pi&sol;4

    对1/(1+x^2) 进行0到1的积分即使pi/4; 采用simpson方法 Func<double,double> func=(x)=>{ return 1/(1+ Math.Po ...

  9. fullpage&period;js 具体使用方法

    1.fullpage.js  下载地址 https://github.com/alvarotrigo/fullPage.js 2.fullPage.js 是一个基于 jQuery 的插件,它能够很方便 ...

  10. 4&period;nginx动静分离

    动静分离,就是将css.js.jpg等静态资源和jsp等动态资源分开处理,以此提高服务器响应速度,提高性能. 核心就是区分动态和静态资源 图片转自:https://www.cnblogs.com/xi ...