记录下学习数组的过程

  1、创建数组

 var ary1 = new Array();//空数组
var ary2= [] ;//字面量

  2、数组检测

//方法一
if(array instanceof Array){ } //方法二 ES5
if(Array.isArray(array)){ }
//方法三
Object.prototype.toString.apply(arrary,arguments);

  3、数组转换方法

//1、toString();
var ary =['aaaa','vvvvv'];
ary.toString();//"aaaa,vvvvv" //2、valueOf();
var ary =['green','blue','red'];
ary.valueOf();//["green", "blue", "red"]
//3、toLocaleString();
ary.toLocaleString();//"green,blue,red"
//4、join();
ary.join('@@@&&&&&*****')
//"green@@@&&&&&*****blue@@@&&&&&*****red"

  4、找方法

  ‘后进先出’的表现

ary =['aa','bbb','cccc','dddd'];
//["aa", "bbb", "cccc", "dddd"]
ary.pop();
//"dddd"
ary.push('dddd');
//
ary
//["aa", "bbb", "cccc", "dddd"]

  5、队列方法

  ‘先进先出’的表现

var ary = ["aa", "bbb", "cccc", "dddd"];
ary.shift();//"aa"
ary.unshift('aaaaaaaaaaaa');//
console.log(ary);//["aaaaaaaaaaaa", "bbb", "cccc", "dddd"]

  6、循环数组(滚动选择)

1、从后到前
var ary =[10,20,30,40,50,60,70,80,90];
//从后到前
//ary.unshift(ary.pop());
for(var i = 0 ,len =ary.length; i<len;i++){
console.log(ary);
ary.unshift(ary.pop());
console.log(ary);
}

2、从前到后

for(var i = 0 ,len =ary.length; i<len;i++){
console.log(ary);
ary.push(ary.shift());
console.log(ary);
}

  7、数组排序

var ary =[90,100,90,33300,10,20,30,40,50,60,70,80,90];

ary.sort(function(val1,val2){
return val1-val2;
});
//[10, 20, 30, 40, 50, 60, 70, 80, 90, 90, 90, 100, 33300]
ary.sort(function(val1,val2){
return val2-val1;
});
//[33300, 100, 90, 90, 90, 80, 70, 60, 50, 40, 30, 20, 10]

  8、数组方法

1、concat();

ary.concat('aaa',['ddd','ccc','eeee']);
//[33300, 100, 90, 90, 90, 80, 70, 60, 50, 40, 30, 20, 10, "aaa", "ddd", "ccc", "eeee"]

2、slice();

var ary1 = [33300, 100, 90, 90, 90, 80, 70, 60, 50, 40, 30, 20, 10, "aaa", "ddd", "ccc", "eeee"];
ary1.slice(0,5);//[33300, 100, 90, 90, 90]
console.log(ary1);//[33300, 100, 90, 90, 90, 80, 70, 60, 50, 40, 30, 20, 10, "aaa", "ddd", "ccc", "eeee"]
ary1.slice(1,3);//[100, 90]

3、splice();最强大的方法

var ary2 = ['a','b','c','d','e','aa','bb','cc']
ary2
//["a", "b", "c", "d", "e", "aa", "bb", "cc"]
ary2.splice(0,0);
//[]
ary2
//["a", "b", "c", "d", "e", "aa", "bb", "cc"]
ary2.splice(1,3);
//["b", "c", "d"]
ary2
//["a", "e", "aa", "bb", "cc"]
ary2.splice(0,0,'a','aaaa');
//[]
ary2
//["a", "aaaa", "a", "e", "aa", "bb", "cc"]

   9、位置方法(ES5)

ary1 = ['222','ffff','sfff','a']
//["222", "ffff", "sfff", "a"]
ary1.indexOf('a');
//
ary1.indexOf('aaaaa');
//-1

  10、ES5中数组方法(迭代方法)

1.every();数组所有值返回true 返回true

2.some();数组其中有返回true 返回true

3.forEach();数组每一项运行函数,没有返回值

4.map();数组每一项运行函数,返回数组

5.filter();数组每一项运行函数,返回 ture数组

var ary1 = [10,20,5,44,444];
ary1.some(function(value,index){
return value>100;
});//ture ary1.every(function(value){
return value<0;
});//false ary1.map(function(value,index){
return value+index;
});//[10, 21, 7, 47, 448] ary1.filter(function(value,index){
return value>40;
});//[44, 444]
ary1.forEach(function(value,index){
ary1[index]=value*2;
});
console.log(ary1);//[20, 40, 10, 88, 888]

Javascript数组学习的更多相关文章

  1. javascript 数组学习(一)

    今天学习了一下<javascript权威指南(第6版)>的第七章:数组 一.数组的创建: 数组的创建有3种方法: var colors = new Array(3);//可以省略new v ...

  2. 【学习笔记03】Javascript数组学习

    数组定义的方法一: var Myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度2 Myarr[i]=new Array(); //再声 ...

  3. JavaScript数组学习总结

    数组   数组 1.数组:数组是一组数据(数据类型不限,任意)的有序集合===>我们写代码,一般一个数组只放一种数据类型的数据 2.我们写代码,一般一个数组只放一种类型的数据 3.注意: 大多数 ...

  4. javascript数组学习1

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  5. JavaScript 数组学习总结

    类数组转数组 ES5解决方案 let arr = Array.prototype.slice.call(arrlike) ES6解决方案 let arr = Array.from(arrlike) / ...

  6. JavaScript数组(二)实例

    一.Js 数组示例常用操作. $(function () { Javascript数组学习 var nums = new Array([10], [5],[ 8], [2], [3]); 数组反转 n ...

  7. RX学习笔记:JavaScript数组操作

    RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.un ...

  8. [前端JS学习笔记]JavaScript 数组

    一.JavaScript数组的奇葩 大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {&qu ...

  9. JavaScript基础学习(三)—数组

    一.数组简介     JavaScript数组的每一项都可以保存任何类型的数据,也就是说数组的第一个位置保存字符串,第二个位置可以保存数值,第三个位置可以保存对象,而且数组的大小是可以动态调整的,即可 ...

随机推荐

  1. c# (ENUM)枚举组合类型的谷歌序列化Protobuf

    c# (ENUM)枚举组合类型的谷歌序列化Protobuf,必须在序列化/反序列化时加上下面: RuntimeTypeModel.Default[typeof(Alarm)].EnumPassthru ...

  2. Python资源

    25本免费的Python电子书 http://python.jobbole.com/29281/ 9本免费的Python编程书 http://python.jobbole.com/765/

  3. EF里一对一、一对多、多对多关系的配置和级联删除

    本章节开始了解EF的各种关系.如果你对EF里实体间的各种关系还不是很熟悉,可以看看我的思路,能帮你更快的理解. I.实体间一对一的关系 添加一个PersonPhoto类,表示用户照片类 /// < ...

  4. Caliburn.Micro学习笔记目录

    Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 Caliburn.Micro学习笔记(二)----Actions Caliburn.Micro学习笔记(三)----事件聚合IE ...

  5. 【前端积累】JavascriptUtil 字符串部分

    //计算字符串长度 String.prototype.strLen = function() { var len = 0; for (var i = 0; i < this.length; i+ ...

  6. spriing boot 实战

    一.spring基础 1. 依赖注入 我们常说的控制翻转(Inversion of Control -IOC)和依赖注入(dependency injection-DI)在Spring环境下是等同的概 ...

  7. Base64原理解析

    一. Base64编码由来 为什么会有Base64编码呢?因为有些网络传送渠道并不支持所有的字节,例如传统的邮件只支持可见字符的传送,像ASCII码的控制字符就 不能通过邮件传送.这样用途就受到了很大 ...

  8. windows中LNK文件打开方式恢复(每日一修(1))

    相信有些用户曾试过错误地把LNK文件的打开方式更改其他文件,导致系统所有的快捷方式都失效.在vista与Windows7系统还不普遍使用的时候,相信大家会有点惊慌失措,不要紧,下面只要大家进行如下操作 ...

  9. 源码之Queue

    看源码可以把python看得更透,更懂,想必也是开发人员的必经之路. 现在有个任务,写个线程池.使用Queue就能写一个最简单的,下面就来学学Queue源码. 源码之Queue: class Queu ...

  10. HTML隐藏的方法

    display:none; 表单 type="hidden" 宽高设为0 height:0;width:0; 祖先元素隐藏或在页面外 margin Visibility:hidde ...