JavaScript中怎么對數組進行操作

本篇文章給大家分享的是有關JavaScript中怎么對數組進行操作，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

js對數組對象的操作以及方法的使用

如何聲明創建一個數組對象：

var arr = new Array();

或者

var arr = [];

如何移除所有數組中數據？

arrayJson.dataList.splice(0,arr.length);

如何指定位置對數組對象的添加，如何將指定元素添加到數組中間位置？

/**
 * 假設數組的長度值為偶數，如何將指定元素添加到數組中間位置。
 */
function array_middle_insert() {
	var arr = ['1','2','3','4','5','6'];
	if(0 == arr.length % 2) {	//偶數
		arr.splice(arr.length / 2,0,'中間添加');
	}
	//["1","2","3","中間添加","4","5","6","7"]
	console.log(JSON.stringify(arr));
}

數組對象方法的是使用介紹：

cancat()

/**
 * concat:連接兩個或者多個數組，并且返回該數組
 * 語法：array.concat(object,object,......);
 */
function array_concat() {
	var arr = [{index:'0'},{address:'1'}];
	var arr_1 = [{index:'3'},{index:'4'}];
	
	var newArr = arr.concat(arr_1);
	//[{"index":"0"},{"address":"1"},{"index":"3"},{"index":"4"}]
	console.log(JSON.stringify(newArr));
}

join()

/**
 * join():通過指定字符對數據進行分割，返回字符串。
 * jon(分隔符);
 */
function array_join() {
	var arr = ['1','2','3'];
	var str = arr.join('-');
	//1-2-3
	console.log(str);
}

pop()

/**
 * pop():刪除數組的最后一個對象，返回該刪除元素的值
 */
function array_pop() {
	var arr = [{index:'0'},{address:'1'}];
	var pop_data = arr.pop();
	
	//{"address":"1"}
	console.log(JSON.stringify(pop_data));
	//[{"index":"0"}]
	console.log(JSON.stringify(arr));
}

push()

/**
 * push：向數組末尾添加一個或者多個對象。
 * array.push(newObject1,newObject2,.....);
 */
function array_push() {
	//實例化一個數組對象
	var arr = new Array();
	var obj_1 = { index:'1', index:'2'};
	var obj_2 = { index:'3', index:'3'};
	
	arr.push(obj_1,obj_2);
	//[{"index":"2"},{"index":"3"}]
	console.log(JSON.stringify(arr));
}

shift()

/**
 * shift():該方法用戶刪除數組的第一個對象，并返回刪除的元素
 */
function array_shift() {
	var arr = [{index:'0'},{address:'1'}];
	var shift_data = arr.shift();
	//{"index":"0"}
	console.log(JSON.stringify(shift_data));
	//[{"address":"1"}]
	console.log(JSON.stringify(arr));
}

slice()

/**
 * slice()：從已知數組中返回指定選中的數據,該操作不會修改原數組的數據
 * slice(start,end);
 */
function array_slice() {
	var arr = ['1','2','3','4','5'];
	var new_array = arr.slice(1,arr.length);
	//["2","3","4","5"]
	console.log(JSON.stringify(new_array));
	//["1","2","3","4","5"]
	console.log(JSON.stringify(arr));
}

sort()

/**
 * sort():方法用戶對數組的排序
 * sort(sortby)		sortby可選，必須是函數。如調用方法沒有使用參數，則按字母順序進行排序。
 */
function array_sory() {
	var arr = [{index:'500'},{index:'40'},{index:'100'},{index:'50'}];
	var new_array = arr.sort(function(a,b) {
		var n1 = Number(a.index);
		var n2 = Number(b.index);
		return n1 - n2;
	});
	//[{"index":"40"},{"index":"50"},{"index":"100"},{"index":"500"}]
	console.log(JSON.stringify(new_array));
}

splice()

/**
 * 向數組中刪除/添加對象，并返回被刪除的元素。
 * splice(index,count,item1,item2,......);	
 * index:規定刪除/添加項目的起始位置，使用負數從數組的結尾處規定位置。
 * count:規定要刪除項目的數量
 * item1,item2...:向項目中添加添加新的對象
 */
function array_splice() {
	var arr = ['1','2','3'];
	var new_array = arr.splice(0,2,'4','5');
	//["1","2"]
	console.log(JSON.stringify(new_array));
	//["4","5","3"]
	console.log(JSON.stringify(arr));
}

unshift()

/**
 * 向數組開頭添加一個或者多個元素，并返回新的長度。
 */
function array_unshift() {
	var arr = [{index:'0'},{address:'1'}];
	var obj_1 = {index:'2'};
	var obj_2 = {index:'3'};
	var length = arr.unshift(obj_1,obj_2);
	//4
	console.log(length);
	//[{"index":"2"},{"index":"3"},{"index":"0"},{"address":"1"}]
	console.log(JSON.stringify(arr));
}

toString()：將數組轉換成字符串，并返回該結果。不會改變原數組的數據。
toLocaleString()：將數組裝換成本地字符，并返回結果，用“，”分割。類似toString 方法。
reverse()：該該方法顛倒數組的順序

一下舉栗聲明json數組串較為復雜并且靈活的格式。

[
	{
		"dateMonth":"05",
		"hopeMoney":"12000",
		"data":[
			{
				"brickId":"1",
				"brickYear":"2017-05-15",
				"brickWeek":"星期二",
				"brckInfo":[
					{
						"bringMoneyOrExpenditure":"5000",
						"brickClass":"工資",
						"brickIcon":"ion-ios-star-outline"
					},
					{
						"bringMoneyOrExpenditure":"-2000",
						"brickClass":"其他",
						"brickIcon":"ion-ios-star-outline"
					}
				]
			},
			{
				"brickId":"1",
				"brickYear":"2017-05-02",
				"brickWeek":"星期六",
				"brckInfo":[
					{
						"bringMoneyOrExpenditure":"10000",
						"brickClass":"工資",
						"brickIcon":"ion-ios-star-outline"
					}
				]
			}
		]
	},
	{
		"dateMonth":"04",
		"hopeMoney":"12000",
		"data":[
			{
				"brickId":"1",
				"brickYear":"2017-04-15",
				"brickWeek":"星期一",
				"brckInfo":[
					{
						"bringMoneyOrExpenditure":"5000",
						"brickClass":"工資",
						"brickIcon":"ion-ios-star-outline"
					}
				]
			}
		]
	}
]

以上就是JavaScript中怎么對數組進行操作，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。