❶ js如何往數組Array中添加元素
數組元素的添加
1.arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組結尾,並返回數組新長度。
2.arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組開始,數組中的元素自動後移,返回數組新長度。
3.arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個或多個新元素插入到數組的指定位置,插入位置的元素自動後移,返回""。
❷ JS中的 Array 類是否有 add方法
沒有該方法, js的一維數組就是動態的
但是有push和unshift方法,沒有remove,但有pop和shift方法,如果不行,還有splice方法
❸ js new Array數組
array數組可以自動擴展長度,用戶直接new Array(100)的話,循環就會進行一百次。
具體有什麼作用,可以參考下面的例子:
varx=newArray(100);
for(vari=0;i<x.length;i++)x[i]=i*i;
(3)js中array擴展閱讀:
使用規則
1、數組的類型實際上是指數組元素的取值類型,對於同一個數組,其所有元素的數據類型都是相同的。
2、數組名的書寫規則應符合標識符的書寫規定。
3、數組名不能與其它變數名相同。
4、可以只給部分元素賦初值,當{ }中值的個數少於元素個數時,只給前面部分元素賦值。
例如:static int a[10]={0,1,2,3,4};表示只給a[0]~a[4]5個元素賦值,而後5個元素自動賦0值。
❹ JS Array(數組)所有操作方法,改變數組方法、不改變數組方法
定義:返回由所有參數值組成的數組,如果沒有參數,就返回一個空數組。
目的:Array.of() 出現的目的是為了解決上述構造器因參數個數不同,導致的行為有差異的問題。
參數:
第一個參數(必需):要轉化為真正數組的對象。
第二個參數(可選): 類似數組的map方法,對每個元素進行處理,將處理後的值放入返回的數組。
第三個參數(可選): 用來綁定this。
ps:splice方法從數組中添加/刪除項目,然後返回被刪除的項目
語法: array.splice(index,howmany,item1,.....,itemX)
參數:
index:必需。整數,規定添加/刪除項目的位置,使用負數可從數組結尾處規定位置。
howmany:必需。要刪除的項目數量。如果設置為 0,則不會刪除項目。
item1, …, itemX: 可選。向數組添加的新項目。
返回值: 如果有元素被刪除,返回包含被刪除項目的新數組。
刪除元素
刪除並添加
不刪除只添加
ps:方法接受兩個參數,一個從哪裡開始,一個是到哪裡結束(但是不包括這個結束的元素本身)。如果是負數,就從倒數第幾個。
參數可選: 規定排序順序的比較 函數 。
默認情況下sort()方法沒有傳比較函數的話,默認按字母升序,如果不是元素不是字元串的話,會調用toString()方法將元素轉化為字元串的Unicode(萬國碼)位點,然後再比較字元。
比較函數的兩個參數
sort的比較函數有兩個默認參數,要在函數中接收這兩個參數,這兩個參數是數組中兩個要比較的元素,通常我們用 a 和 b 接收兩個將要比較的元素:
sort排序常見用法
數組元素為數字的升序、降序:
數組多條件排序
自定義比較函數
定義: 在當前數組內部,將指定位置的成員復制到其他位置,並返回這個數組。
語法: array.Within(target, start = 0, end = this.length)
參數:
三個參數都是數值,如果不是,會自動轉為數值.
target(必需):從該位置開始替換數據。如果為負值,表示倒數。
start(可選):從該位置開始讀取數據,默認為 0。如果為負值,表示倒數。
end(可選):到該位置前停止讀取數據,默認等於數組長度。使用負數可從數組結尾處規定位置。
瀏覽器兼容(MDN): chrome 45,Edge 12,Firefox32,Opera 32,Safari 9, IE 不支持
從上述例子:
第一個參數是開始被替換的元素位置
要替換數據的位置范圍:從第二個參數是開始讀取的元素,在第三個參數前面一個元素停止讀取
數組的長度不會改變
讀了幾個元素就從開始被替換的地方替換幾個元素
參數:
第一個元素(必須): 要填充數組的值
第二個元素(可選): 填充的開始位置,默認值為0
第三個元素(可選):填充的結束位置,默認是為this.length
使用join方法或者下文說到的toString方法時,當數組中的元素也是數組或者是對象時會出現什麼情況?
join()/toString()方法在數組元素是數組的時候,會將裡面的數組也調用join()/toString(),如果是對象的話,對象會被轉為[object Object]字元串。
如上述栗子:調用數組的toLocaleString方法,數組中的每個元素都會調用自身的toLocaleString方法,對象調用對象的toLocaleString,Date調用Date的toLocaleString。
該方法的效果和join方法一樣,都是用於數組轉字元串的,但是與join方法相比沒有優勢,也不能自定義字元串的分隔符,因此不推薦使用。
ps:當數組和字元串操作的時候,js 會調用這個方法將數組自動轉換成字元串
ps:字元串也有一個slice() 方法是用來提取字元串的,不要弄混了。
參數:
begin(可選): 索引數值,接受負值,從該索引處開始提取原數組中的元素,默認值為0。
end(可選):索引數值(不包括),接受負值,在該索引處前結束提取原數組元素,默認值為數組末尾(包括最後一個元素)。
如上:新數組是淺拷貝的,元素是簡單數據類型,改變之後不會互相干擾。
如果是復雜數據類型(對象,數組)的話,改變其中一個,另外一個也會改變
原因在定義上面說過了的:slice()是淺拷貝,對於復雜的數據類型淺拷貝,拷貝的只是指向原數組的指針,所以無論改變原數組,還是淺拷貝的數組,都是改變原數組的數據。
ES6擴展運算符...合並數組:
因為ES6的語法更簡潔易懂,所以現在合並數組我大部分採用...來處理,...運算符可以實現cancat的每個栗子,且更簡潔和具有高度自定義數組元素位置的效果。
參數:
searchElement(必須):被查找的元素
fromIndex(可選):開始查找的位置(不能大於等於數組的長度,返回-1),接受負值,默認值為0。
嚴格相等的搜索:
數組的indexOf搜索跟字元串的indexOf不一樣,數組的indexOf使用嚴格相等===搜索元素,即數組元素要完全匹配才能搜索成功。
注意:indexOf()不能識別NaN
參數:
searchElement(必須): 被查找的元素
fromIndex(可選): 逆向查找開始位置,默認值數組的長度-1,即查找整個數組。
關於fromIndex有三個規則:
正值。如果該值大於或等於數組的長度,則整個數組會被查找。
負值。將其視為從數組末尾向前的偏移。(比如-2,從數組最後第二個元素開始往前查找)
負值。其絕對值大於數組長度,則方法返回 -1,即數組不會被查找。
參數:
searchElement(必須):被查找的元素
fromIndex(可選):默認值為0,參數表示搜索的起始位置,接受負值。正值超過數組長度,數組不會被搜索,返回false。負值絕對值超過長數組度,重置從0開始搜索。
includes方法是為了彌補indexOf方法的缺陷而出現的:
indexOf方法不能識別NaN
indexOf方法檢查是否包含某個值不夠語義化,需要判斷是否不等於-1,表達不夠直觀
❺ js中如何把類型為object的變數,變成類型為array的變數
functionmakeArray(array){
returnArray().slice.call(array);
}
//這個方法只能轉換帶length屬性,且索引是連續的對象,因此可以方便地
//將函數里的arguments轉為數組
varobj={length:2,0:"apple",1:"banana"};
vararray=makeArray(obj);//["apple","banana"]
❻ JS數組方法
數組的創建方式
1.字面量的形式: var arr=[1,2,3];
1.構造函數: var arr1=new Array();//不常用
Array構造函數有一個很大的缺陷,就是不同的參數,會導致它的行為不一致。
1.單個數值作為參數,參數表示數組的元素個數
可以看到,Array作為構造函數,行為很不一致。因此,不建議使用它生成新數組,直接使用數組字面量是更好的做法。
push/pop/unshift/shift//增加、刪除元素 (數組的方法,所以使用時應調用
數組名.方法名())
arr. slice/splice//截取元素
arr.slice(); 原數組不發生改變
無參數時,返回原數組,相當於數組的復制。
一個參數時,從參數作為下標的元素截取,至數組結束。
二個參數時,從第一個參數作為下標(索引)的元素開始截取,到第二個參數作為下標的元素結束,但不包括第二個參數作為下標的函數。 (起始元素包含,結尾元素不包含)
多個參數時,前兩個參數起效,後邊的參數無效。
arr.splice(); 原數組改變
無參數時,返回空數組。
一個參數時,從參數作為下標的元素截取,至數組結束。
二個參數時,從第一個參數作為下標(索引)的元素開始截取,即表示截取的起始位置,第二個參數表示截取的元素個數。
多個參數時,前兩個參數起效,後邊的參數從原數組的截取起始位置開始填充,填充到原數組。
reverse/sort//改變元素位置
arr.reverse(); //數組翻轉(元素位置顛倒)
arr.sort(); 從小到大排序,但遵循的是字元串的按位比較規則,所以排序結果容易出現異常。
join();//不改變原數組
join() 以指定參數作為連接符,將所有數組成員連接為一個字元串返回。如果不提供參數,默認用逗號分隔。
concat();//拼接數組 不改變原數組
ES5新增數組操作方法
indexOf (item) 返回元素在數組中對應的索引值,找不到的話,返回-1,用以測試元素是否存在於數組中
forEach(function(item,index)) 遍歷數組,沒有返回值
map(function(item,index)) 遍歷數組,存在返回值
filter(function(item)) {return item>2} 返回大於2的元素
some 返回布爾值,條件部分成立|| arr.some(function(item){return item>2} )
every 返回布爾值,條件全部成立&& arr.every(function(item){return item>2} )
rece (對數組中的所有元素調用指定的回調函數。該回調函數的返回值為累積結果,並且此返回值在下一次調用該回調函數時作為參數提供。)arr.rece(function(a,b){return a+b;});
toString()和toLocaleString()
功能:將數組的每個元素轉化為字元串,並且輸出用逗號分隔的字元串列表。功能類似join();
參數:無
輸出:字元串
indexOf()和lastIndexOf()
功能:搜索整個數組中具有給定值的元素,返回找到的第一個元素的索引或者如果沒有找到就返回-1;lastIndexOf為反向搜索。
參數:元素的值,起點索引(可選)
輸出:索引值或-1
Array.from()
功能:將兩類對象轉為真正的數組:類似數組的對象和可遍歷的對象
參數:待轉換的對象,第二個參數可選,作用類似於數組的map方法,用來對每個元素進行處理,將處理後的值放入返回的數組。
輸出:數組
Array.of()
功能:將一組值,轉換為數組。
參數:數組元素
輸出:數組
Within()
功能:在當前數組內部,將指定位置的成員復制到其他位置,返回變化後的數組。
參數:索引(從該位置開始替換數據);索引(從該位置開始讀取數據,默認為0,負值表示倒數);索引(到該位置前停止讀取,默認為最大索引)
輸出:返回當前替換後的數組。
注意:改變了當前數組
find()和findIndex()
功能:找到第一個符合條件的數組成員。
參數:回調函數,所有數組成員依次執行該函數,直到找到第一個返回值為true的成員。回調函數可以接受三個參數,依次為值,位置,原數組。
輸出:find()返回找到的成員;findIndex()返回成員的位置。
fill()
功能:使用給定的值,填充一個數組。
參數:第一個參數為待填充的值,第二和第三參數可選,分別表示填充的起始和結束位置(不包括)。
輸出:填充後的數組
entries()、keys()、values()
功能:用於遍歷數組,可以用for…of循環進行遍歷。區別是keys()是對鍵名的遍歷、values是對鍵值的遍歷、entries()是對鍵值對的遍歷。
參數:無
輸出:遍歷器對象
includes()
功能:表示某個數組是否包含給定的值
參數:第一個參數必選(待檢查的給定值),第二個參數可選,表示搜索的起始位置,默認為0,負數表示倒數的位置。
輸出:一個布爾值。
注意:和indexOf的區別,indexOf進行了運算符的強比對,會導致對NaN誤判。