01函數的基礎使用
// 基礎函數
function sayHello() {
console.log('Hello!');
}
sayHello()
// 函數傳參
function outer (hello){
console.log(hello)
}
outer('hello');
//函數返回值
function sun (numer1,numer2){
return numer1+ numer2
}
sun(10,15)
02面向對象編程
JavaScript裏的對象就是普通名值對的集合
方式1:
var obj = new Object();
方式2:
var obj = {};
可以補充創建一個完整的對象
var obj = {
name:{
surname:'Zhang',
names : 'XiaoLun',
},
age: 15;
}
對象是類的實例。一個類定義對象的特徵,我們可以創造多個類來表示數據結構
// 定義一個對象,並未對象添加對應的類
function Book (title,conter,about){
this.title = title,
this.conter = conter,
this.about = about,
}
// 實例化這個對象
var Book = new Book('title','png','isnotop')
// 對對象進行操作 、
console.log(Book.title); // title
Book.title = 'newTitle';
console.log(BooK.title); // newTitle
3數組
創建一個數組
數組長度 lenght
var arry = [];
var arry = ['數據1','數據2','數據3','數據4','數據5']
console.log(arry.lenght)
數組的添加
var arr = [1,2,3,4]
// 在末尾添加一個新的元素,
arr[arr.lenght] = 5
// 或者 push
arr.push(6,7)
// 在首位添加一個新元素
arr.unshift(-1)
數組的刪除
arr.pop();
//刪除數組中的第一值
arr.shift();
// 根據下標進行刪除
arr.splice(5,3)
//索引爲5後的三個元素刪除
arr.splice(5,0 ,2,3,4)
從索引5插入元素,2,3,4。0代表插入,splice(數組的角標,刪除長度,.... 添加的元素 )
4二維數組
很可惜的的是,JS並不支持矩形,但我們可以用嵌套的循環來表示
function TowDArry(arry){
for(var i = 0; i < arry.lenght ;i++)
for (var j = 0;j < arry[i].lenght; j++)
console.log(arry[i][j])
}
5其他的數組方法
- concat
- every
- slice
- map
- indexof
- lastndexof
- join
- toString
6數組合並
var arryData1 = [1,2,3,4]
var arryData2 = [5,6,7,8]
var data = arryData1.concat(arryData2)
7數組的迭代
var number = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]
var isEver = function (x){
// 如果值爲2的倍數就返回true
console.log(x)
//否則就返回false
return (x % 2 == 0)
}
//every方法會迭代數組中的每個元素,直到返回false
// number.every(isEver)
// some 方法會將數組中的每一個元素都進行一次迭代。直到函數返回true:
// number.some(isEver);
如果是要進行將所有項進行輸出,我們需要循環,或者forEach
numbers.forEach(function(x){
console.log((x % 2 == 0));
});
//方法一
var myMap = numbers.map(isEven);
// 方法二
var evenNumbers = numbers.filter(isEven);
map方法會將數組中的沒有一個元素都給定一個新的元素數組,
filter對數組中的每一項運行給定函數,返回該函數會返回true的項組成的數組