javascript 一些原理解析02函數

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的項組成的數組

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章