Javascript数组学习
记录下学习数组的过程
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数组学习的更多相关文章
- javascript 数组学习(一)
今天学习了一下<javascript权威指南(第6版)>的第七章:数组 一.数组的创建: 数组的创建有3种方法: var colors = new Array(3);//可以省略new v ...
- 【学习笔记03】Javascript数组学习
数组定义的方法一: var Myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度2 Myarr[i]=new Array(); //再声 ...
- JavaScript数组学习总结
数组 数组 1.数组:数组是一组数据(数据类型不限,任意)的有序集合===>我们写代码,一般一个数组只放一种数据类型的数据 2.我们写代码,一般一个数组只放一种类型的数据 3.注意: 大多数 ...
- javascript数组学习1
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- JavaScript 数组学习总结
类数组转数组 ES5解决方案 let arr = Array.prototype.slice.call(arrlike) ES6解决方案 let arr = Array.from(arrlike) / ...
- JavaScript数组(二)实例
一.Js 数组示例常用操作. $(function () { Javascript数组学习 var nums = new Array([10], [5],[ 8], [2], [3]); 数组反转 n ...
- RX学习笔记:JavaScript数组操作
RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.un ...
- [前端JS学习笔记]JavaScript 数组
一.JavaScript数组的奇葩 大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {&qu ...
- JavaScript基础学习(三)—数组
一.数组简介 JavaScript数组的每一项都可以保存任何类型的数据,也就是说数组的第一个位置保存字符串,第二个位置可以保存数值,第三个位置可以保存对象,而且数组的大小是可以动态调整的,即可 ...
随机推荐
- FCM聚类算法介绍
FCM算法是一种基于划分的聚类算法,它的思想就是使得被划分到同一簇的对象之间相似度最大,而不同簇之间的相似度最小.模糊C均值算法是普通C均值算法的改进,普通C均值算法对于数据的划分是硬性的,而FCM则 ...
- JavaScript简单对象的定义方法
工厂模式: 初级开发者可能会这样定义对象: var obj = new Object(); obj.name = "hero"; obj.showName=function (){ ...
- CSS Hack技术介绍及常用的Hack技巧集锦
一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CS ...
- Redis设计与实现读书笔记(一) SDS
作为redis最基础的底层数据结构之一,SDS提供了许多C风格字符串所不具备的功能,为之后redis内存管理提供了许多方便.它们分别是: 二进制安全 减少字符串长度获取时间复杂度 杜绝字符串溢出 减少 ...
- maven和svn区别
构建工具-maven,版本控制工具-svn. 一.只有svn的情况 首先考虑没有maven的情况.这样的话,项目组每个开发人员,都需要在本地check out所有的源码. 每次提交之前, ...
- Java相关书籍分享
Java核心技术(卷1):基础知识(原书第9版) [Core Java Volume I-Fundamentals (Ninth Edition)].pdf Java核心技术(卷2):高级特性(原书第 ...
- BZOJ3944 Sum
本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000 作者博客:http://www.cnblogs.com/ljh2000-jump/ ...
- Java 静态内部类与非静态内部类 学习记录.
目的 为什么会有这篇文章呢,是因为我在学习各种框架的时候发现很多框架都用到了这些内部类的小技巧,虽然我平时写代码的时候基本不用,但是看别人代码的话至少要了解基本知识吧,另外到底内部类应该应用在哪些场合 ...
- 使用powershell批量添加Keil和IAR的头文件路径
在Keil和IAR的工程中,为了使文件结构清晰,通常会设置很多的子文件夹,然后将头文件和源文件放在不同的子文件夹中,这样就需要手动添加这些头文件夹的路径.当工程结构非常复杂时,文件夹的数量就非常多,特 ...
- 在使用 HttpWebRequest Post数据时候返回 400错误
笔者有一个项目中用到了上传zip并解压的功能.开始觉得很简单,因为之前曾经做过之类的上传文件的功能,所以并不为意,于是使用copy大法.正如你所料,如果一切很正常的能运行的话就不会有这篇笔记了. 整个 ...