javascript數組小記

smartlion 發布于2019-08-21 15:36 / 2239人閱讀

摘要：它們的參數是一個回調函數，所有數組成員依次執行該回調函數，直到找出第一個返回值為的成員，然后方法會返回該成員，返回該成員的位置。

幾乎所有的編程語言都原生支持數組類型，因為數組是最簡單的內存數據結構。
它存儲一系列同一種數據類型的值，但是在javascript里可以在數組里保存不同類型的值，但是我們最好還是要遵守最佳實踐，不要那么做。

創建和初始化，javascript聲明，創建和初始化數組都很簡單，就像下面這樣：
var array = new Array();

var array = new Array(7); //創建長度為7的數組
var array = new Array("item1","item2","item3");
以上是使用new關鍵字來創建數組，但是這并不是最好的方式，最常用的數組創建方式只要用一個［］就可以了。如下所示：

var array = [];
var array = ["item1","item2","item3"];

添加和刪除元素
var numbers = [1,2,3,4,5,6,7,8,9];
numbers.push(10);//把元素添加到末尾
numbers.unshift(11);//把元素添加到首位
numbers.pop();//刪除最后一位元素
numbers.shift();//刪除第一位元素
numbers.splice(5,3);//刪除從數組索引5開始的三個元素（numbers里的6，7，8三個元素被刪除掉），需求中常常需要刪除指定的元素，可求出該元素索引值后spleic(x,1)
number.splice(5,0,2,3,4);//從索引是5的元素開始刪除0個元素，然后吧2，3，4三個元素添加到索引是5的元素后面

合并數組
numbers.concat(num1,num2)//num1，num2被合并到numbers中

數組迭代
every，filter，foreach，some，map這幾個方法都可接受一個函數作為參數。
如：number.every(function(number){

      console.log("----every number----",numbrt);
})

every遍歷數組中每個元素，遇到使函數返回值為false的元素，every執行結束；
some與every相反，遇到使函數返回值為true的h元素會執行結束；
forEach會迭代所有元素，與使用for循環的效果相同；
map和filter方法都很會返回一個新數組，不同的map會返回所有元素遍歷后的結果，filter只返回結果為true的結果；

搜索和排序
numbers.reverse()//倒序
numbers.sort()//此方法對數組做排序時，把元素默認成字符串進行相互比較，我們可以傳人自己的比較函數，所以可以這樣寫：
numbers.sort(function(a,b){

         return a-b;
   });

這段代碼當b大于a時，會返回負數，反之則返回正數，如果相等的話就會返回0.返回負數時說明a比b小，這樣sort就會根據返回值情況給數組做排序。
indexof方法返回與參數匹配的第一個元素的索引，lastIndexOf返回與參數匹配的最后一個元素索引。
ES6中提供了兩個新的方法find()和findIndex()。它們的參數是一個回調函數，所有數組成員依次執行該回調函數，直到找出第一個返回值為true的成員，然后find()方法會返回該成員，findIndex()返回該成員的位置。

輸出數組為字符串
numbers.toString()//所有元素輸出為一個字符串

numbers.join(",")//所有元素用，隔開，輸出為一個字符串

云服務器 GPU云服務器 javascript數組清空javascript數組 javascript創建數組 javascript迭代數組

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88250.html

javascript小記

摘要：模板字面量相當于格式化字符串字符串用兩個包含起來并且內部的占位符用標識一般用于標識多行文本或者配合函數使用與箭頭函數用于數組是用于讓數組每一個元素都調用函數的語法基本格式為其中為數組元素下標為當前元素所屬的數組對象在實際調用時只需要箭頭函數 1.模板字面量相當于格式化字符串,字符串用兩個``包含起來,并且內部的占位符用${variable}標識.一般用于標識多行文本或者配合函數使用. ...

waltr 2019-08-23 16:23 評論0 收藏0
JavaScript使用小記

摘要：簡單地說程序就是數據和方法計算機能做的就是計算這個數據可以是字符串各種類型的數值整數小數等類內的屬性根本上是還是的基本數據類型布爾類型的東東為了更加快速地寫出代碼現在的語言都是高層次的抽象即所謂的高級編程語言了高級編程語言中的一些特性如訪問簡單地說, 程序就是數據和方法, 計算機能做的就是計算, 這個數據可以是: 1.字符串, 2.各種類型的數值(整數, 小數等), 3.Java類內...

stefan 2019-08-21 17:27 評論0 收藏0
幾道前端面試題小記

摘要：全局環境調用函數的對象實際為，所以函數內的指向構造函數通過構造函造函數生成了一個新對象，指向這個新對象。學習前端一個月，上一周面試了大概多家，收獲的卻是寥寥。為了效率，前端各方面的內容都有涉獵，深度卻相當不足，面試時暴露各種問題。最近面試了不少家，苦于前端經驗薄弱，被各種血虐。做了不少家面試題，把各種不會的回來再做一遍，作為經驗總結吧。 1.如何最優性能去重一個數組？方法有好多，比...

tulayang 2019-08-29 11:20 評論0 收藏0
幾道前端面試題小記

摘要：全局環境調用函數的對象實際為，所以函數內的指向構造函數通過構造函造函數生成了一個新對象，指向這個新對象。學習前端一個月，上一周面試了大概多家，收獲的卻是寥寥。為了效率，前端各方面的內容都有涉獵，深度卻相當不足，面試時暴露各種問題。最近面試了不少家，苦于前端經驗薄弱，被各種血虐。做了不少家面試題，把各種不會的回來再做一遍，作為經驗總結吧。 1.如何最優性能去重一個數組？方法有好多，比...

yhaolpz 2019-08-21 14:31 評論0 收藏0