目錄

• 字串（String）
• String物件常用的方法：
• 字串迴圈
• 陣列（Array）
• Array物件常用的方法：
• 陣列迴圈
• forEach迴圈
• 形式
• 作用：
• 引數說明
• for-of迴圈
• 返回陣列函式的引用
• 過濾（filter）方法
• filter(element,index,self,thisValue)引數說明
• 陣列去重
• 1. 方法一：
• 2. 方法二：
• 3. 方法三

字串（String）

String物件常用的方法：

字串迴圈

for(var i = 0;i<str.length;i++){
     console.log(str[i]);
}

輸出結果：列印輸出一行一行的結果

陣列（Array）

Array物件常用的方法：

陣列迴圈

forEach迴圈

形式

arr.forEach(function (item, index){},arr);

作用：

遍歷陣列

引數說明

（1）可以接收兩個引數，第一個引數是一個函式，就是陣列的每一項要執行這個函式。這個函式接收三個引數，分別是：陣列中的項，下標，陣列本身（2）第二個引數是一個數組(可有可無)。如果有，前面函式中的this就指向這個陣列；如果沒有，前面函式的this就指向window。

let arr = [1, 2, 3, 4, 5, 6, 7];
arr.forEach(function(item, index, arr) {
   console.log(item+"============"+index);
   //console.log(arr, '-----------------')
   console.log(this);
   //(7) [1, 2, 3, 4, 5, 6, 7]
},arr);
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]+"============"+i);
}

列印結果:

    1============0
    2============1
    3============2
    4============3
    5============4
    6============5
    7============6

for-of迴圈

let a = ['A', 'B', 'C'];
for (let attr of a) {
   console.log(attr);//A B C
}

返回陣列函式的引用

var arr = ["夏敏","石守信","高懷德","李隆基"];
/*
 * 1 返回對建立此物件的陣列函式的引用。
 * constructor 屬性返回對建立此物件的陣列函式的引用。
 */
if(arr.constructor == Array){
	console.log("陣列成員！！！");
}else if(arr.constructor == Function){
	console.log("函式成員！！！");
}else{
    console.log("不知道");
}

過濾（filter）方法

獲取陣列中的偶數

var arr = [1,2,3,4,6,1,3,2,2,2];
Array.prototype.getEven = function(){
    //注意arr是一個一個值傳進來的
	return this.filter((arr) => arr%2==0);
}
console.log(arr.getEven());//返回：(6) [2, 4, 6, 2, 2, 2]

filter(element,index,self,thisValue)引數說明

        var result = arr.filter(function(element,index,self,thisValue) {
        	var something = "返回結果~！！！";
        	console.log("當前元素的值："+element);
        	console.log("當前元素的索引："+index);
        	console.log("當前元素屬於的陣列物件："+self);
        	console.log("回撥時用的值，傳遞給函式："+thisValue);
        	add(thisValue);
        	return something;
        });
        function add(obj){
        	console.log("hello world"+obj);
        }
		console.log(result)//(10) [1, 2, 3, 4, 6, 1, 3, 2, 2, 2]

陣列去重

題目：給一個數組，找出不重複的數，並且返回它們。
思路：1 新建空陣列 2 遍歷原陣列，在新陣列中沒有出現就新增到新陣列中

1. 方法一：

var arr = [1,2,3,4,6,1,3,2,2,2];
function removeRepeat(obj){
	var newArr = [];
	for (var i = 0; i < obj.length; i++) {
		if (newArr.indexOf(obj[i])== -1) {
			newArr.push(obj[i]);
		}else{
			console.log('元素重複！！！');
		}
	}
	return newArr;
}
console.log(removeRepeat(arr));//返回：(5)[1,2,3,4,6]

2. 方法二：

通過過濾函式arr.filter(element,index,arr,thisValue)去重

var result = arr.filter(function (element,index,self){
	return self.indexOf(element) == index;
});
console.log(result);//(5) [1, 2, 3, 4, 6]

3. 方法三

雙層for迴圈遍歷，標記是否有相等元素，找到相同的元素，標記false，加入新的陣列，跳出本次迴圈。遍歷完成之後返回新陣列。

function unique(arr){
	let newArr = [];
	let isRepeat ;
	for (var i = 0; i < arr.length; i++) {
		isRepeat = false;
		for (var j = i+1; j < arr.length; j++) {
			if(arr[j] == arr[i]){
				isRepeat = true;
				break;
			}
		}
		if (isRepeat == false) {
			newArr.push(arr[i]);
		}
	}
    return newArr;
}
console.log(unique(arr));//(5)[4, 6, 1, 3, 2]