數組去重，排序，重複次數，兩個數組合並，兩個數組去重，map(),filter(),reduce()

時間 2019-12-11

標籤數組排序重複次數兩個合併 map filter reduce 简体版

原文原文鏈接

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
	</body>

</html>
<script>
	//數組，冒泡排序，把數組從小到大排序
	function bubbleSort(array) {
		if(Object.prototype.toString.call(array).slice(8, -1) === 'Array') {
			var len = array.length,
				temp;
			for(var i = 0; i < len - 1; i++) {
				for(var j = len - 1; j >= i; j--) {
					if(array[j] < array[j - 1]) {
						temp = array[j];
						array[j] = array[j - 1];
						array[j - 1] = temp;
					}
				}
			}
			return array;
		} else {
			return 'array is not an Array!';
		}
	};
	var arr = [23, 34, 3, 4, 23, 44, 333, 444];
	console.log(bubbleSort(arr));
	//數組，去重
	function unique(arr) {
		var hash = [];
		for(var i = 0; i < arr.length; i++) {
			if(hash.indexOf(arr[i]) == -1) {
				hash.push(arr[i]);
			}
		}
		return hash;
	};
	var arr2 = [2, 8, 5, 0, 5, 2, 6, 7, 2];
	console.log(unique(arr2));
	//數組，數組中出現最多的元素和最多元素的次數，第二多元素和第二多元素的次數
	function aryMore(arr) {
		var i;
		var length = arr.length;
		var hash = []; //使用哈希數組
		for(i = 0; i < length; i++) {
			if(!hash[arr[i]]) hash[arr[i]] = 1; //沒有初始化的數組元素爲undefined，undefined++爲NaN
			else hash[arr[i]]++;
		}
		var max = 0; //最多的次數
		var maxV; //出現最多的元素
		var second = 0; //第二多的次數
		var secondV; //出現第二多的元素
		hash.forEach(function(item, index) { //forEach函數會跳過空元素
			if(item > max) {
				second = max;
				secondV = maxV;
				max = item;
				maxV = index; //用索引來保存原數組的值
			} else if(item > second) {
				second = item;
				secondV = index;
			}
		});
		return {
			max,
			maxV,
			second,
			secondV
		};
	}
	var arr3 = [2, 2, 2, 2, 3, 4, 5, 4, 3, 1, 4, 4, 100, 100];
	console.log(aryMore(arr3));
	//兩個數組對比，取出不一樣的值
	function getArrDifference(arr1, arr2) {
		return arr1.concat(arr2).filter(function(v, i, arr) {
			return arr.indexOf(v) === arr.lastIndexOf(v);
		});
	};
	var arr4 = [0, 1, 2, 3, 4, 5];
	var arr6 = [0, 44, 6, 1, 3, 9];
	console.log(getArrDifference(arr4, arr6));
	//兩個數組對比，取出相同的值
	function getArrEqual(arr1, arr2) {
		let newArr = [];
		for(let i = 0; i < arr2.length; i++) {
			for(let j = 0; j < arr1.length; j++) {
				if(arr1[j] === arr2[i]) {
					newArr.push(arr1[j]);
				}
			}
		}
		return newArr;
	}
	var arr7 = [0, 1, 2, 3, 4, 5];
	var arr8 = [0, 4, 6, 1, 33, 9];
	console.log(getArrEqual(arr7, arr8));
	//兩個數組，把數組合並，去除相同的值
	//合併兩個數組，去重  
	function concatAry(arr1, arr2) {
		//不要直接使用var arr = arr1，這樣arr只是arr1的一個引用，二者的修改會互相影響  
		var arr = arr1.concat();
		//或者使用slice()複製，var arr = arr1.slice(0)  
		for(var i = 0; i < arr2.length; i++) {
			arr.indexOf(arr2[i]) === -1 ? arr.push(arr2[i]) : 0;
		}
		return arr;
	};
	var arr9 = [0, 1, 2, 3, 4, 5];
	var arr10 = [0, 4, 6, 1, 3, 9];
	console.log(concatAry(arr9, arr10));

	//合併多個數組，去重  
	function concatAryMore(arr1, arr2, arr3) {
		if(arguments.length <= 1) {
			return false;
		}
		var concat_ = function(arr1, arr2) {
			var arr = arr1.concat();
			for(var i = 0; i < arr2.length; i++) {
				arr.indexOf(arr2[i]) === -1 ? arr.push(arr2[i]) : 0;
			}
			return arr;
		}
		var result = concat_(arr1, arr2);
		for(var i = 2; i < arguments.length; i++) {
			result = concat_(result, arguments[i]);
		}
		return result;
	};
	var arrMore1 = ['a', 'b'];
	var arrMore2 = ['a', 'c', 'd'];
	var arrMore3 = [1, 'd', undefined, true, null];
	console.log(concatAryMore(arrMore1, arrMore2, arrMore3));

</script>

　數組javascript

//數組map使用
	//map() 方法會建立一個新數組，其結果是該數組中的每一個元素都調用一個提供的函數後返回的結果
	//例子一
	const numbers = [1, 2, 3, 4]
	const numbersPlusOne = numbers.map(n => n + 1);
	console.log(numbersPlusOne);
	//例子二
	const allBlogs = [{
		title: 'CSS',
		tags: ['CSS', 'Web']
	}, {
		title: 'JavaScript',
		tags: ['JavaScript', 'Web', 'ES6']
	}]
	const allTitles = allBlogs.map(blog => blog.tags)
	console.log(allTitles)

	//數組filter使用
	//filter（）當你想過濾一個數組時能夠使用filter。就像map同樣，它接受一個函數做爲惟一的參數，該參數在數組的每一個元素上調用。這個函數須要返回一個布爾值
	//例子一
	const numbers2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
	const oddNumbers = numbers2.filter(n => n % 2 !== 0)
	console.log(oddNumbers);
	//例子二
	const participants = [{
		id: 'a3f47',
		username: 'john'
	}, {
		id: 'fek28',
		username: 'mary'
	}, {
		id: 'n3j44',
		username: 'sam'
	}]

	function removeParticipant(participants, id) {
		return participants.filter(participant => participant.id !== id)
	}
	console.log(removeParticipant(participants, 'a3f47'))

	//數組reduce使用
	//reduce是數組提供的方法中最難理解的方法，但一旦掌握了該方法，能夠作的事情就不少。reduce會取一個數組中的值並將它們合成一個值。它接受兩個參數，一個回調函數（reducer函數）和一個可選的初始值（默認狀況是數組的第一項）。reducer自己有四個參數：
	//累計器：它在reducer中累加返回值
	//數組的當前值
	//當前索引值
	//源數組

	var result = [{
			subject: 'math',
			score: 88
		},
		{
			subject: 'chinese',
			score: 95
		},
		{
			subject: 'english',
			score: 80
		}
	];
	var dis = {
		math: 0.5,
		chinese: 0.3,
		english: 0.2
	}
	var sum = result.reduce(function(prev, cur) {
		return cur.score + prev;
	}, -10);
	var qsum = result.reduce(function(prev, cur) {
		return cur.score * dis[cur.subject] + prev;
	}, -10)
	console.log(sum, qsum);

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。