Javascript数组学习

  记录下学习数组的过程

  1、创建数组

1 var ary1 = new Array();//空数组
2 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(‘@@@&&&&&*****‘)
//"[email protected]@@&&&&&*****[email protected]@@&&&&&*****red"

  4、找方法

  ‘后进先出’的表现

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

  5、队列方法

  ‘先进先出’的表现

var ary = ["aa", "bbb", "cccc", "dddd"];
ary.shift();//"aa"
ary.unshift(‘aaaaaaaaaaaa‘);//4
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‘);
//3
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]
时间: 2024-10-26 16:10:54

Javascript数组学习的相关文章

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

数组定义的方法一: var Myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度2 Myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ Myarr[i][j]=i+j; //赋值,每个数组元素为i+j } } 定义方法二: var Myarr=[[0,1,2],[1,2,3]] 练习:定义一个10*10的二维数组,值为1到100,打印成10*10的矩阵 <script> v

JavaScript数组(二)实例

一.Js 数组示例常用操作. $(function () { Javascript数组学习 var nums = new Array([10], [5],[ 8], [2], [3]); 数组反转 nums.reverse(); 数组排序,默认按字符串顺序排序 nums.sort(); 修改数组的值 nums[0] = 'abc';//使用下标访问数组 nums[10] = '234';//如果赋值时,指定的下标超出数组范围,则空位用undefined填充. 数组添加元素 nums.push("

RX学习笔记:JavaScript数组操作

RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.unshift(123); array.unshift("value1","value2"); push() 在数组末尾添加元素 array.push("value"); array.push(123); array.push("value1&

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

一.JavaScript数组的奇葩 大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {"json:":"666"}]; console.log(arr.length); 二.JavaScript 数组的两种声明 1.var arr = [元素]; var arr = ["坚持"]; 2.new Array(); 或者 var arr2 =

JavaScript基础学习(三)&mdash;数组

一.数组简介     JavaScript数组的每一项都可以保存任何类型的数据,也就是说数组的第一个位置保存字符串,第二个位置可以保存数值,第三个位置可以保存对象,而且数组的大小是可以动态调整的,即可以随着数据的添加而自动增长以扩容纳新增数据.   二.数组的操作 1.创建 //创建一个空数组 var arr = []; var arr2 = [1,true,new Date()]; arr2.length = 2; alert(arr2); //true   2.pop和push方法     

JavaScript数组方法对比(深度学习数组)

JavaScript数组方法对比 众所周知,JavaScript提供了许多对数组进行改变的方法,但是有些会对原数组进行影响,有些不会.下边就列举出来. 一.新增 影响原数组 array.push()  //向数组的末尾添加一个或更多元素,并返回新的长度. var array =[1,2,3,4,5]; array.push(6); // [1,2,3,4,5,6]; array.unshift() //向数组的开头添加一个或更多元素,并返回新的长度. var array =[1,2,3,4,5]

JavaScript 数组去重

JavaScript 数组去重 Why underscore (觉得这部分眼熟的可以直接跳到下一段了...) 最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中. 阅读一些著名框架类库的源码,就好像和一个个大师对话,你会学到很多.为什么是 underscore?最主要的原因是 underscore 简短精悍(约 1.5k 行),封装了 100 多个有用的方法,耦合度低,非常适合逐个方法阅读,适合楼主这样的 JavaScript

javascript基础学习(二)

javascript的数据类型 学习要点: typeof操作符 五种简单数据类型:Undefined.String.Number.Null.Boolean 引用数据类型:数组和对象 一.typeof操作符 typeof操作符用来检测变量的数据类型,操作符可以操作变量也可以操作字面量. 对变量或值运用typeof操作符得到如下值: undefined----如果变量是Undefined类型: boolean-------如果变量是Boolean类型: number-------如果变量是Numbe

初步总结javascript中学习DOM之前的知识

嘿嘿,又到了周末时间,周六其实就是总结这周的学习的,记得周二周三刚开始接触javascript时间,还是不知道怎么学习的,就感觉找不到方向,那时间学习的只是总结了一些简单的定义或者是学习结构,今天就把这些重新练习了一下,感觉还是蛮容易找到学习的兴趣的,顿时就默默的开始了今天的练习过程.今天就总结下初步认识javascript时间的一些实例,记得前面总结的并不完全,所以在这里总结一下基本概念. 一.基本的认识一些类型和方法 <script> var colors = new Array(3);