码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript操作数组

时间:2015-09-21 23:53:15      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:

数组被描述为一个存储元素的线性集合,元素可以通过索引来任意存取。

几乎所有的编程语言都有类似的数据结构,但是Javascript中的数组却略有不同。

Javascript中的数组是一种特殊的对象,所以在数组的操作效率上不如其他语言中的数组高。

也因为数组再JavaScript中被当做对象,所以它有很多属性和方法可以再编程时使用。

下面就简单介绍一下JavaScript中的数组的使用方法。

注:以下所有的JavaScript代码均在 jsshell 中运行,一些方法可能在其他环境中(如浏览器和sublime text)中不能运行。

【jsshell的使用】

/* Js-shell的使用
下载:http://mzl.la/MKOuFY
根据系统和语言选择不同版本进行下载,下载完直接打开js-shell终端进行使用
*/

/**************** 在Js-shell中常用的一些Js方法 ***************/
print();  	//打印页面/在终端直接打印
putstr(""); //显示提示信息
var num = readline();  //接受用户输入的信息

【 JavaScript中数组的操作】

/**************** JavaScript数组操作 ***************/
// 创建数组:
var arr1 = []; 
var arr2 = [1,2,3,4,5];
var arr3 = new Array( );
var arr4 = new Array(10);
var arr5 = new Array(1,2,3,4,5);

// Js数组中的元素不必是同一种类型:

var arr6 = [1,”西瓜”,null,true];

// 判断一个对象是否是数组:
Array.isArray( arr );    //显示true/false

// 读写数组
for(var i=0;i<num.length;i++){
	print(num[i]);
}

// 由字符串生成数组split(分隔符)
var sentence = "This is a sentence...";
var words = sentence.split(" ");   //使用空格分割字符串并存在word数组中

//数组的操作
// 浅复制:新数组的依然指向原来的数组,修改原数组则新数组的内容跟着改变
var nums = [1,2,3,4,5];
var arr = nums;    //直接讲nums赋值给arr
nums[0] = 100;	   //修改nums数组第一个元素的内容		
print(arr.[0]);	   //arr数组的第一个元素的内容也发生了改变

//深复制:即对原数组的每一个元素分别进行复制
for(var i=0;i<nums.length;i++){
	arr[i] = nums[i];
}
nums[0] = 999;
print(arr[0]);		//此时arr数组的第一个元素不发生改变,仍为1

// 数组的存取操作
//查找元素indexOf()   若找不到则返回-1
var names = ["Bob","Lily","John","Eileen","Sivan"];
var name = readline();    //用户输入一个要查找的名字
var position = names.indexOf(name);  //函数返回的是被查找元素在数组中的索引
if(position>=0){  //如果用户查找的名字在数组中存在
	print("Found " + name + " at position " + postion);
}else{
	print(name + " not found in array...");
}

//lastIndexOf();

// 数组的字符串表示
//toString()方法
var days = ["Monday","Tuesday","Wednesday","Thursday"];
var days_string = days.toString();
print(days_stirng); //输出 	Monday,Tuesday,Wednesday,Thursday
//join()方法
var days_string1 = days.join();
print(days_join);	//输出 	Monday,Tuesday,Wednesday,Thursday
print(days);		//输出 	Monday,Tuesday,Wednesday,Thursday
//直接对一个数学使用print()方法时,系统会自动调用toString()方法

// 由已有数组创建新数组
var nums = [1,2,3,4];
var names = [‘Jane‘,‘Sam‘,‘Mike‘,‘Bob‘];
var arr = nums.concat(names);
print(arr);			//输出	1,2,3,4,Jane,Sam,Mike,Bob

//splice()截取数组创建新数组(对原数组会有影响)
var numbers = [1,2,3,4,5,6,68,7];
var arr = numbers.splice(3,4);	 //从索引为3(第三个)的元素开始截取4个元素
print(arr);			//输出4,5,6,68

//push()为数组末尾添加元素
var seasons = ["Summer","Autumn"];
var push = seasons.push("Winter");   //也同时添加多个元素
//unshift()为数组开头添加元素
var unshift = seasons.unshift("Spring");
//pop()删除数组末尾元素;
var pop = seasons.pop();
//shift()删除数组开头的元素
var shift = seasons.shift();


// 从数组中间位置添加和删除元素
var nums = [1,2,3,4,6,7,8];
var addNums = [9,9,9];
nums.splice(2,0,addNums);
print(nums);   //输出1,2,9,9,9,3,4,5,6,7,8

//数组排序
//reverse()方法
var nums = [1,2,3,4];
var arr = nums.reverse();
print(arr);		//输出4,3,2,1

//sort()方法
var name = ["Bob","Alice","Cindy"];
var arr = name.sort();
print(arr);     //输出 Alice,Bob,Cindy

//sort()方法只针对字符串根据字典顺序进行排序,
//如果是数字类型,则需要传入一个比较函数作为参数
function compare(num1,num2){
	return num1 - num2;
}
var nums = [1,32,45,12];
var arr = nums.sort(compare);   //仅传入函数名称
print(arr);		//输出1,12,32,45

/**************** 迭代器方法 ***************/
//forEach()  对数组中的每一个元素都执行某个方法
function square(num){
	print(num,num*num);
}
var num = [1,2,3,4];
num.forEach(square);		//输出1 1,2 4,3 9

//every()方法   接受一个返回值为bool类型的函数作为参数,
// 若对于数组中所有元素,该函数均返回true,则该方法返回true
function isEven(num){
	return num % 2 == 0; 
}
var nums = [2,4,6,8];
var even = nums.every(isEven);
if(even){
	print("All numbers are even...");
}else{
	print("Not all numbers are even...");
}	//输出"All numbers are even..."

//some()方法   数组中只要有一个元素能使该函数返回true,该方法返回true
function isEven(num){
	return num % 2 == 0;
}
var nums = [2,3,4,5,6];
var even = nums.some(isEven);
print(even);			//输出true

// reduce()  
// 对数组进行逐项累加
function add(runningTodal,currentValue){
	return runningTodal + currentValue;
}
var nums = [1,2,3,4,5];
var sum = nums.reduce(add);
print(sum);     //输出15

// 将数组元素链接成一个长字符串
function concat(accumulatedString,item){
	return accumulatedString + item;
}
var words = ["This","is","a","good","day"];
var string = words.reduce(concat);
print(string);     //输出"This is a good day"

var string2 = words.reduceRight(concat);	//从右到左执行
print(string2);	   //输出"day good a is This"

/*生成新数组的迭代器方法*/
// map()  类似forEach(),对数组中的每一个元素都执行操作,但是返回的是一个新的数组
function curve(num){
	return num+5;
}
var nums = [1,2,3,4];
var arr = nums.map(curve);
print(arr);			//输出 6,7,8,9

function first(word){
	return word[0];
}
var names = ["Alice","Bob","Cindy","Daniel"];
var arr = names.map(first); //结果为["A","B","C","D"]
print(arr。join());			//输出"A,B,C,D"
print(arr.join(""));		//输出"ABCD"

// filter()  传入返回值为bool类型的函数名作为参数,对数组中每个元素都执行函数,
// 但是返回结果为使函数返回值为true的元素
//e.g 判断数组元素的奇偶性
function isEven(num){
	return num %2 == 0;			//偶数
}
function isOdd(num){
	return num %2 != 0;			//奇数
}
var num = [];
for(var i=0;i<10;i++){
	num[i] = i+1;
}
var evens = num.filter(isEven);
print("Even numbers: ");		
print(evens);					//输出2,4,6,8,10
var odds = num.filter(isOdd);
print("Odd numbers: ");			//输出1,3,5,7,9
print(odds);

//e.g 判断成绩是否合格
function passing(num){
	return num>=60;
}
var grade = [];
for(var i=0;i<20;i++){
	grade[i] = Math.floor(Math.random()*101);
}
var pass = grade.flter(passing);
print("All grades: ");
print(grade);
print("Passing Grades: ");
print(pass);	

//e.g.	过滤字符串数组
function del(str){
	if(str.indexOf("cie")>-1){
		return true;
	}else{
		return false;
	}
}
var words = ["receive","decide","percieve","deceit","convince"];
var misspelled = word.filter(del);
print(misspelled);		//输出"percieve"

	

 

JavaScript操作数组

标签:

原文地址:http://www.cnblogs.com/wx1993/p/4827518.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!