陣列的屬性和方法 js學習筆記

2021-10-25 09:38:05 字數 4643 閱讀 2652

陣列的屬性

陣列.lengrh(返回陣列的長度)

陣列的方法

1、在陣列中新增內容(可新增1到多個值)

let

f70=

["a"

;"b"

;"c"

;"d"

,"e"

,"f"];

//after

f70.

push

("g"

,"h"

,"i"

,"j"

,"k");

console.

log(

f70)

;//["a";"b";"c";"d","e","f","g","h","i","j","k"]

//before

f70.

unshift(1

,2,3

);console.

log(

f70)

;//[1,2,3,"a";"b";"c";"d","e","f","g","h","i","j","k"]

2、刪除資料

//在陣列中刪除內容

//在陣列後刪除資料(一次只能刪乙個).

f70.

pop();

console.

log(

f70)

;//[ 1, 2,……'g', 'h', 'i', 'j' ]

//在陣列前刪除資料(一次只能刪乙個).

f70.

shift()

;console.

log(

f70)

;//[ 2,……'g', 'h', 'i', 'j', 'k']

3、返回刪除的值

let lianxi =

["a"

,"b"

,"c"

,"d"

,"e"

,"f"];

let i = lianxi.

pop();

console.

log(lianxi)

;//[ 'a', 'b', 'c', 'd', 'e' ]

let j = lianxi.

shift()

;console.

log(lianxi)

;//[ 'b', 'c', 'd', 'e', 'f' ]

//列印獲取到的刪除內容

console.

log(i,j)

;//f a

4、判斷陣列中是否存在查詢的值。

/**

* 書寫格式:

* 陣列.includes(查詢內容)

* 功能:查詢內容存在,返回true,反之返回false

*///陣列.includes(查詢內容);

//功能:查詢內容存在,返回true,反之為false。

letf70=[

1,2]

;let inputname =

"a";

let state =

f70.

includes

(inputname)

;console.

log(stste)

;//false

//查詢匹配值,返回下標

f70=

["a"

,"b"

,"c"

,"a"];

inputname =

"a";

/** * 書寫格式:

* 陣列.indexof(查詢內容)

* 功能:查詢內容存在,返回值所在的下標

* 反之,返回-1

* 注:從左往右查詢,返回第1個匹配值的下標。就不再繼續查詢。

*/let state1 =

f70.

indexof

(inputname)

;//從左往右

/** * 書寫格式:

* 陣列.lastindexof(查詢內容)

* 功能:查詢內容存在,返回值所在的下標

* 反之,返回-1

* 注:從右往左查詢,返回第1個匹配值的下標。就不再繼續查詢。

*/let state2 =

f70.

lastindexof

(inputname)

;//從右往左

state2 =

f70.

lastindexof

(inputname)

;console.

log(state1, state2)

;//0,3

5、擷取陣列內容

//[陣列.slice(參1,參2)]

let lianxi =

["a"

,"b"

,"c"

,"d"

,"e"

,"f"];

letf70

= lianxi.

slice(1

,2);

console.

log(lianxi)

;//["a","b","c","d","e","f"]

console.

log(

f70)

;//["b"]

/***引數1是起始值下標,引數2是結束值下標;

*獲取從引數一開始,到引數二結束的所有內容,但不包含引數二;

*返回獲取的內容賦值給接受的變數,不會改變原陣列。

*若引數為負數,則用陣列長度與其相加'xx[xx.length+(引數)]';

*若沒有滿足範圍的值,則返回空陣列'';

*若引數只有乙個引數,則獲取從這個引數到陣列的最後乙個值。

*/

6、在陣列中修改、插入內容

//[陣列.splice(參1,參2,參3)]

let lianxi =

["a"

,"b"

,"c"

,"d"

,"e"

,"f"];

letf71

=f70

.splice(2

);console.

log(

f70)

;console.

log(

f71)

;/**

*乙個引數

* 以這個引數為下標的值開始擷取到最後乙個值,儲存為新陣列返回;

兩個引數

* 參1:下標位置;

* 參2:擷取個數;(不能為負)

*三個引數

* 參1:下標位置;

* 參2:擷取個數;(0代表插入,非0代表修改)

* 參3:替換下標為引數1的值被截去位置的值

*///插入、替換

let lianxi =

["a"

,"b"

,"c"

,"d"

,"e"

,"f"];

letf71

= lianxi.

splice(1

,0,'***');

console.

log(lianxi)

;//[ 'a', '***', 'b', 'c', 'd', 'e', 'f' ]

console.

log(

f71)

;//

7、字串轉陣列

let date =

"2020-9-9"

;let arr = date.

split

("-");

//分隔符

console.

log(arr)

;//[ '2020', '9', '9' ]

8、陣列轉字串

let arr =[1

,2,3

];let str = arr.

join

(":");

//分隔符

console.

log(str,

typeof str)

;//1:2:3 string

9、多個陣列內容合併

//[1,2,3,"a","b","c"]

let arr1 =[1

,2,3

];let arr2 =

["a"

,"b"

,"c"];

// arr1.concat(arr2);

let arr3 =

[...arr1,

...arr2]

; console.

log(arr3)

;//["a","b","c",true]

10、求出最大值

let arr =[1

,200,3

];let maxnum = math.

max(

...arr)

; console.

log(maxnum)

;//200

js 陣列物件的屬性方法整理

建立與運算元組 1 陣列建立的三種方法 var arr new array 建立空陣列,未指定長度。var arr new arry 4 建立陣列,長度為4 var arr new arry 1,2,3,a b 建立陣列,並初始化。陣列其實是動態的,可以自由延伸。2 自定義陣列建構函式並建立陣列 需...

js學習筆記 042 陣列方法

join 轉換為字串並連線起來 reverse 逆序陣列 sort 預設按字母表進行排序。如果陣列中含有undefined,它們會被排到陣列的尾部。如果要按其它方式排序,可以傳遞乙個比較函式。如 var a 33,4,1111,222 a.sort 字母表順序 1111,222,33,4 a.sor...

NumPy學習筆記(1)陣列和屬性

numpy的基本物件是np陣列,使用專用的資料結構來儲存數值,在科學計算的效率上要優於原始的python 下面記錄關於np陣列的一些基本操作。使用array 函式 array np.array 1,2,3 2,3,4 可用這兩個引數指定生成陣列的維度和元素型別 dtype datatype ndmi...