最近公司沒項目.所以所幸學學JS.畢竟很多人和我一樣.屬於培訓機構出來的.JS基礎也很差. 面試的時候面試官問你 .你會JS不.你會毫不猶豫的回答會.因為你確實用過.但是真正會的或許只是以前項目中需要的方法. 鑒於這種情況 我決定把JS基礎篇的東西像JAVA或.net一樣在博客園闡述一到. 雖然第一 ...
最近公司沒項目.所以所幸學學JS.畢竟很多人和我一樣.屬於培訓機構出來的.JS基礎也很差.
面試的時候面試官問你 .你會JS不.你會毫不猶豫的回答會.因為你確實用過.但是真正會的或許只是以前項目中需要的方法.
鑒於這種情況 我決定把JS基礎篇的東西像JAVA或.net一樣在博客園闡述一到.
雖然第一次發技術貼.但是我還是看了很多帖子.我不會很不負責的複製代碼 然後走人了事.以下為總結部分：
<script type="text/javascript">
function 數組() {
var colors = ["red", "blue", "green"];
//檢測數組
if (colors instanceof Array) {
//如果colors是數組.JS3方法
}
if (Array.isArray(colors)) {
//如果colors是數組.JS5方法
}
//轉化方法
alert(colors.toLocaleString()); //red,blue,green
alert(colors.toString()); //red,blue,green
alert(colors.valueOf()); //red,blue,green
alert(colors.join(",")); //red,blue,green
//數組的棧方法
//push()
var count = colors.push("aaa", "bbb", "ccc"); //在原數組末尾添加參數
alert(count); //添加後的長度為6
//pop()
var enditem = colors.pop(); //移除最後一個參數
alert(enditem); //顯示移除掉的參數"ccc"
//數組的隊列方法
//shift()
var firstitem = colors.shift(); //移除第一個參數
alert(firstitem); //顯示移除掉的"red"
//unshift()
var newcount = colors.unshift("000", "111", "222"); //在數組最前添加參數
alert(newcount); //顯示添加後的數組長度
//重排序方法
var values = [0, 1, 5, 10, 15];
//recerse()
alert(values.reverse()); //倒序 按數字排序
//sort()
alert(values.sort()); //升序 但是每次比較參數是會加tostring() 所以按字元串排序
//但是可以強制轉化下 arraySort方法
alert(values.sort(arraySort.reverse)); //倒序
alert(values.sort(arraySort.sort)); //升序
//操作方法
var letter = ["a", "b", "c"];
//concat()
var letter1 = letter.concat(["d", "e"], ["f", "g"]);//基於當前方法 添加一個或多個新的數組
alert(letter1);//a,b,c,d,e,f,g
//slice()
var letter2 = letter1.slice(1, 4);//去掉第一個 和第4個參數 組成新數組
alert(letter2);//b,c,e,d,g
//splice() 參數1 要修改 刪除 添加的起始位置 參數2 要刪除的數量 後面的參數都代表要添加的項
alert(letter.splice(0, 1));//從數組的[0]開始 刪除一個項
alert(letter.splice(2, 0, "aa", "bb"));//從數組[2]開始添加aa bb
alert(letter.splice(2, 1, "cc", "dd"));//從數組[2]開始先刪除一項 然後添加cc dd
//位置方法
//IndexOf()
alert(letter.indexOf(4));//從數組開頭尋找
//lastIndexOf()
alert(letter.lastIndexOf(4));//從數組尾部尋找
//迭代方法
//every()
letter = new Array();
letter = [1,2,3,4,5,6,7,8,9,10];
var everyletter = letter.every(function (item, index, array) {
//every方法帶3個參數 item 數組中的每一項. index 每一項的索引 . array 數組本身
return item > 2;
//當數組中每一項全部滿足大於2時.返回true
//這個例子中當迴圈到第一項時1小於2 所以直接返回false
});
//some()
var someletter = letter.some(function (item, index, array) {
//some方法和every方法一樣帶三個參數.同上
return item > 2;
//當數組中任何一項滿足這個條件就返回true
//這個例子中當走到第三個3大於2時 直接返回true
});
//filter()
var filterletter = letter.filter(function (item, index, array) {
//filter方法用法和every和some相同.
//但是返回結果為數組中包含的每一項
return item > 2;
//這個例子會返回所有大於2的數字.如3,4,5,6,7,8,9,10
});
//map()
var mapletter = letter.map(function (item, index, array) {
//map方法用法和every和some相同.
//但是返回的結果是在原始數組中對應項上運行傳入函數的結果；
return item * 2;
//這個例子我在每個item乘以2.得到的結果為2,4,6,8,10,12,14,16,18,20
});
//forEach()
letter.forEach(function(item, index, array) {
//forEach方法是沒有返回結果的.
//和for迴圈一樣 只是圍繞的是數組
//在這裡可以做任何操作
});
//縮小方法
//reduce()
var value = [1, 2, 3, 4, 5];
var sum = value.reduce(function (item1, item2, index, array) {
//reduce有個參數 item1 前一個值,item2 當前值, index和array和every和some方法一樣
//這個例子中第一次執行item1=1，item2=2; 第二次執行時.item1=3(1+2)，item2=3 ,第三次執行 6 4 ,第4次執行10，5
//所以結果為15.
return item1 + item2;//15
});
//reduceRight()
var sum1 = value.reduceRight(function (item1, item2, index, array) {
//reduceRight和reduce的區別在於,其實就是反過來執行
//所以結果還是為15
return item1 + item2;//15
});
}
//對於sort()方法的擴充 主要是對於數組的轉化
var arraySort = {
reverse: function (va1,va2) {
if (va1 > va2) {
return 1;
} else if (va1 < va2) {
return -1;
} else {
return 0;
}
},
sort: function (va1, va2) {
if (va1 > va2) {
return -1;
} else if (va1 < va2) {
return 1;
} else {
return 0;
}
}
};
</script>
