js數組的slice方法

① js中如何獲取數組中的一部分元素

js獲取數組中的一部分元素，有2種方法：slice和filter函數，下面分別介紹。

slice

slice的定義和內用法如下，用於截取數組的一容段

② js 數組怎麼判斷元素是第一個元素

可以用Array中自帶的方法：
arrayObj.shift( )
shift 方法可移除數組中的第一個元素並返回該元素。
例如：
var ary=[1,2,3,4];
var a=ary.shift();//a=1;ary=[2,3,4];

arrayObj.slice(start, [end])

slice 方法返回一個 Array 對象版，其權中包含了 arrayObj 的指定部分。
參數：start，截取數組開始下標。end截止的下標，但不包括end元素
例如：
var ary=[1,2,3,4];
var newary=ary.slice(0, 2)；//newary=[1,2]，不包括下標2 所對應的元素3。

③ js刪除數組第一個元素怎麼寫

刪除數組 arr 第一個元素。不要直接修改數組 arr，結果返回新的數組
示例1
輸入
[1, 2, 3, 4]
輸出
[2, 3, 4]
第一種：：運用slice()的淺克隆去復制元素從第二個開始到最後一個
function curtail(arr) {
var m = arr.slice(1);
return m;
}
第二種：：splice()的刪除功能
function curtail(arr) {
var m = arr.slice(0);
m.splice(0,1);
return m;
}
第三種：：filter過濾下標，返回滿足不等0的下標的元素
function curtail(arr) {
return arr.filter(function(ele,idx,arr){
return idx !== 0;
});
}
第四種：：shift()刪除原數組的首個元素
function curtail(arr) {
var m = arr.slice(0);
m.shift();
return m;
}
第五種：：//join字元串連接後運用split進行分離為新數組
function curtail(arr) {
var m = arr.join().split(',');
m.shift();
return m;
}
第六種：：apply數組參數化後放入m數組
function curtail(arr) {
var m = [];
[].push.apply(m,arr);
m.shift();
return m;
}
第七種：：concat數組鏈接出新數組。
function curtail(arr) {
var m = arr.concat();
m.shift();
return m;
}

④ js怎麼獲取數組里的第一個元素

假定數組復名為a，則a[0]就是第制一個元素。

var ary=[1,2,3,4];

var a=ary.shift();//a=1;ary=[2,3,4];

arrayObj.slice(start, [end])

slice 方法返回一個 Array 對象，其中包含了arrayObj 的指定部分。

參數：start，截取數組開始下標。end截止的下標，但不包括end元素

(4)js數組的slice方法擴展閱讀：

JavaScript被歸類為直譯語言，因為主流的引擎都是每次運行時載入代碼並解譯。V8是將所有代碼解譯後再開始運行，其他引擎則是逐行解譯（SpiderMonkey會將解譯過的指令暫存，以提高性能，稱為實時編譯），但由於V8的核心部分多數用JavaScript撰寫（而SpiderMonkey是用C++），因此在不同的測試上，兩者性能互有優劣。

與其相對應的是編譯語言，例如C語言，以編譯語言編寫的程序在運行之前，必須經過編譯，將代碼編譯為機器碼，再加以運行。

⑤ js數組添加元素

js數組添加元素的方法有三個，分別是push（）、unshift（）、splice（），下面分別說一下各自的用法

1、push（），在數組的末尾添加新的元素，並返回數組新長度

語法：a.push( 「新元素1」，「新元素2」)；

實例：

⑥ js閲岀浉浼肩殑鏂規硶姣旇緝緋誨垪錛堜簩錛塻lice錛宻plice錛宻plit鏂規硶鍖哄埆

涓嶇煡閬撳ぇ瀹跺 slice, splice, splite 鏄鑲誇箞鏍風殑鎰熻夛紝鍙嶆ｆ垜鍒氭帴瑙﹀埌榪欎笁涓鍑芥暟鐨勬椂鍊欐暣涓浜洪兘鎳典簡錛屽洜涓轟竴涓涓闀跨殑璺熷鐢熷厔寮熶技鐨勶紝姣忔＄敤鐨勬椂鍊欓兘浼氭販錛岀敋鑷蟲噿寰楄頒綇浠栦滑鐨勫姛鑳姐傛墍浠ヤ負浜嗗府緇勫拰鎴戜竴鏍鋒湁鍥版壈鐨勪漢錛屾垜浠鏉ヨВ鍐沖畠銆

涓変釜鏂規硶闄や簡闀垮緱鍍忥紝鍏跺疄鍔熻兘瀹屽叏涓嶄竴鏍鳳紝涓轟簡甯鍔╄板繂錛屽厛鎬葷粨涓涓嬶細

1. slice 鏄 Array 鍜 String 閮芥湁鐨勬柟娉曪紝鍔熻兘涔熷拰瀛楃︿覆鐨 slice 鏄涓鏍鳳紝鎴鍙栧尯闂村肩敤鐨勩 String鐨剆lice()鏂規硶璇風湅涓婄瘒鏂囩珷錛 js閲岀浉浼肩殑鏂規硶姣旇緝緋誨垪錛堜竴錛塖tring鐨剆lice錛宻ubstring錛宻ubstr鏂規硶鍖哄埆 銆
2. splice 浠呮槸鏁扮粍 Array 鐨勬柟娉曪紝splice姣攕lice澶栬備笂澶氫釜p錛岃繖涓涓猵韞﹀嚭浜嗗ぉ宸鍦板埆錛屽姛鑳借秴綰у己澶с傚畠鑳界敤鏉ユ彃鍏ャ佸垹闄ょ敋鑷蟲浛鎹㈡暟緇勭殑鍏冪礌銆
3. split 浠呬粎鏄瀛楃︿覆鐨勬柟娉曪紝澶栬備笂涔熸湁p錛屼絾鏄灝戜簡ce錛岃繕澶氫簡涓猼銆傝繖涓猼鍘夊充簡錛屼竴鑴氭妸瀛楃︿覆韙㈡垚浜嗗氭碉紝鍚撳緱瀛楃︿覆鍙樻垚浜嗘暟緇勩傛病閿欙紝 split() 鏂規硶灝辨槸鐢ㄦ潵鎶婁竴涓瀛楃︿覆鍒嗗壊鎴愬瓧絎︿覆鏁扮粍銆

涓嬮潰鎴戝氨鏉ュ垎鍒璇磋翠粬浠錛

鐢ㄦ硶錛歛rray.slice(start, end)

瑙ｉ噴錛 slice() 璇ユ柟娉曠敤浜庡規暟緇勮繘琛岄儴鍒嗘埅鍙栵紝騫惰繑鍥炰竴涓鏁扮粍鍓鏈錛涘弬鏁 start 鏄鎴鍙栫殑寮濮嬫暟緇勭儲寮曪紝 end 鍙傛暟絳変簬浣犺佹埅鍙栫殑鏈鍚庝竴涓鍏冪礌鐨勭儲寮曚綅緗鍔犱笂1鐨勫礆紙鍙閫夛級

鐢ㄦ硶錛歛rray.splice(start, deleteCount, item,鈥..,itemX)

瑙ｉ噴錛 splice() 鏂規硶鐢ㄤ簬鎻掑叆銆佸垹闄ゆ垨鏇挎崲鏁扮粍鐨勫厓緔犮 splice 鏂規硶浠 array 涓縐婚櫎涓涓鎴栧氫釜鍏冪礌錛屽傛灉浣犳効鎰忕殑璇濆彲浠ョ敤鏂扮殑item鏇挎崲瀹冧滑銆傚弬鏁皊tart鏄浠庢暟緇刟rray涓縐婚櫎鍏冪礌鐨勫紑濮嬩綅緗銆傚弬鏁 deleteCount 鏄瑕佺Щ闄ょ殑鍏冪礌鐨勪釜鏁般
濡傛灉鏈夐濆栫殑鍙傛暟錛岄偅涔 item,鈥..,itemX 浼氭彃鍏ュ埌琚縐婚櫎鍏冪礌鐨勪綅緗涓娿
splice()鏂規硶榪斿洖涓涓鍖呭惈琚縐婚櫎鍏冪礌鐨勬暟緇勩

鐢ㄦ硶錛歴tring.split(separator, limit)

瑙ｉ噴錛 split() 鏂規硶鐢ㄤ簬鎶婁竴涓瀛楃︿覆鍒嗗壊鎴愬瓧絎︿覆鏁扮粍銆傛妸榪欎釜 string 鍒嗗壊鎴愮墖孌墊潵鍒涘緩涓涓鏂扮殑瀛楃︿覆鏁扮粍錛屼絾涓嶆敼鍙樺師濮嬪瓧絎︿覆銆
separator 鍙傛暟鍙浠ユ槸涓涓鍒嗛殧絎︼紝瀹冨彲浠ユ槸瀛楃︿覆鎴栦竴涓姝ｅ垯琛ㄨ揪寮忋傚傛灉 separator 鏄涓涓絀哄瓧絎(鈥樷)錛屼細榪斿洖涓涓鍗曞瓧絎︾殑鏁扮粍銆
limit 錛堝彲閫夊弬鏁幫級鍙浠ラ檺鍒惰鍒嗗壊鐨勭墖孌墊暟閲忋

浠婂ぉ灝卞埌榪欏惂錛屼笅涓鑺傛垜浠璁茶В 鈥渏s鐩鎬技鏂規硶姣旇緝緋誨垪錛堜笁錛塩harAt錛宨ndexof錛宖indIndex錛宭astindexof錛宨ncludes錛宖ind鐨勫尯鍒鈥 錛屾暚璇鋒湡寰咃綖錛

鍙傝冨湴鍧錛
https://www.cnblogs.com/webjoker/p/5218114.html
https://blog.csdn.net/yw00yw/article/details/81063038

⑦ 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誤判。

⑧ js常見知識點--第二篇

https://www.cnblogs.com/sqh17/p/8529401.html

1、splice(start,deletecount,item) 會改變原數組的方法。
arr.splice(i,n) 刪除從i(索引值)開始之後的那個元素。返回值是刪除的元素
參數： i 索引值 n 個數

splice(start,deletecount,item)方法：

2、split()是使用指定的分隔符字元串將字元串分割成子字元串,返回一個子字元串數組。

3、slice()方法可以對數組或字元串截取。
arr.slice(start,end) 切去索引值start到索引值end的數組，不包含end索引的值，返回值是切出來的數組。

** 2. 提取某個字元串的一部分,並返回一個新的字元串,不會改變原字元串。**

# ES6 symbol類型詳解

https://juejin.cn/post/6925619440843227143
1、 定義：
symbol類型是新的原始數據類型，表示獨一無二的值，其他的原始數據類型還有Number,String,Boolean，Null,Undefined；Object屬於復雜數據類型。
2、symbols 作為對象的屬性

3、利用Symbol的特性可定義內部私有屬性或方法

forEach：沒有返回值, 但不能使用break、continue和return語句
for…in：遍歷數組索引、對象的屬性。使用for…in遍歷時，原型鏈上的所有屬性都將被訪問。
map: 有返回值。並且可以返回一個結果數組。但是map 遍歷對象的話也會報錯，所以map只能循環數組或者對象數組。
for...of ：創建一個循環來迭代可迭代的對象。在 ES6 中引入的 for...of 循環，以替代 for...in 和 forEach() ，並支持新的迭代協議。for...of 允許你遍歷 Arrays（數組）, Strings（字元串）, Maps（映射）, Sets（集合）等可迭代的數據結構等。
循環返回的是value。

Maps(映射)
Map 對象就是保存 key-value(鍵值) 對。對象和原始值可以用作 key(鍵)或 value(值)。Map 對象根據其插入方式迭代元素。換句話說， for...of 循環將為每次迭代返回一個 key-value(鍵值) 數組。

Set(集合)
Set(集合) 對象允許你存儲任何類型的唯一值，這些值可以是原始值或對象。 Set(集合) 對象只是值的集合。 Set(集合) 元素的迭代基於其插入順序。 Set(集合) 中的值只能發生一次。如果您創建一個具有多個相同元素的 Set(集合) ，那麼它仍然被認為是單個元素。

三、JavaScript Map 和 Object 的區別( https://www.cnblogs.com/ysx215/p/11387938.html )

在 Object 中， key 必須是簡單數據類型（整數，字元串或者是 symbol），而在 Map 中則可以是 JavaScript 支持的所有數據類型，也就是說可以用一個 Object 來當做一個Map元素的 key。

Map 元素的順序遵循插入的順序，而 Object 的則沒有這一特性。

Map 繼承自 Object 對象。

⑨ js 使用slice（）如何區數組的最後一個元素

array.slice(-1)

=================
slice有兩個參數

slice(開始位置,結束位置)
結束位置是可選的。
開始位置必選，可以是正數，也可是負數
負數時，就是倒著來的。

⑩ js鏁扮粍鎿嶄綔甯哥敤鏂規硶

JS鏁扮粍鎿嶄綔甯哥敤鏂規硶錛

1. push錛氬悜鏁扮粍鐨勬湯灝炬坊鍔犱竴涓鎴栧氫釜鍏冪礌錛屽苟榪斿洖鏂扮殑闀垮害銆

2. pop錛氬垹闄ゅ苟榪斿洖鏁扮粍鐨勬渶鍚庝竴涓鍏冪礌銆

3. shift錛氬垹闄ゆ暟緇勭殑絎涓涓鍏冪礌錛屽苟榪斿洖璇ュ厓緔犵殑鍊箋

4. unshift錛氬悜鏁扮粍鐨勫紑澶存坊鍔犱竴涓鎴栧氫釜鍏冪礌錛屽苟榪斿洖鏂扮殑闀垮害銆

5. concat錛氱敤浜庤繛鎺ヤ袱涓鎴栧氫釜鏁扮粍銆

6. slice錛氳繑鍥炰竴涓鏂版暟緇勫硅薄錛屽寘鍚浠庡紑濮嬪埌緇撴潫閫夋嫨鐨勬暟緇勭殑涓閮ㄥ垎嫻呮嫹璐濄

7. splice錛氱敤浜庢坊鍔/鍒犻櫎鏁扮粍鐨勫厓緔犮

8. sort錛氬規暟緇勭殑鍏冪礌榪涜屾帓搴忋

9. reverse錛氶犲掓暟緇勪腑鍏冪礌鐨勯『搴忋

10. map錛氶氳繃鎸囧畾鍑芥暟澶勭悊鏁扮粍鐨勬瘡涓鍏冪礌錛屽苟榪斿洖澶勭悊鍚庣殑鏁扮粍銆

11. filter錛氬壋寤轟竴涓鏂版暟緇勶紝鍖呭惈閫氳繃嫻嬭瘯鐨勬墍鏈夊厓緔犮

12. rece錛氭帴鏀朵竴涓鍑芥暟浣滀負緔鍔犲櫒錛屾暟緇勪腑鐨勬瘡涓鍊煎紑濮嬬緝鍑忥紝鏈緇堜負涓涓鍊箋

13. some錛氭祴璇曟暟緇勪腑鏄鍚﹁嚦灝戞湁涓涓鍏冪礌婊¤凍鎸囧畾鐨勬潯浠躲

14. every錛氭祴璇曟暟緇勪腑鐨勬墍鏈夊厓緔犳槸鍚﹂兘婊¤凍鎸囧畾鐨勬潯浠躲

15. find錛氳繑鍥炴暟緇勪腑婊¤凍鎻愪緵鐨勬祴璇曞嚱鏁扮殑絎涓涓鍏冪礌鐨勫箋

16. findIndex錛氳繑鍥炴暟緇勪腑婊¤凍鎻愪緵鐨勬祴璇曞嚱鏁扮殑絎涓涓鍏冪礌鐨勭儲寮曘

浠ヤ笅鏄閮ㄥ垎鏂規硶鐨

push 鍜 pop 鏂規硶錛

`push` 鏂規硶鍙鍚戞暟緇勭殑鏈灝炬坊鍔犱換鎰忔暟閲忕殑鍏冪礌錛屽苟榪斿洖鏂扮殑闀垮害銆傝 `pop` 鏂規硶鍒欑敤浜庡垹闄ゅ苟榪斿洖鏁扮粍鐨勬渶鍚庝竴涓鍏冪礌銆傝繖涓や釜鏂規硶甯哥敤浜庡疄鐜伴槦鍒楃殑鏁版嵁緇撴瀯鎿嶄綔銆

map 鏂規硶錛

`map` 鏂規硶閫氳繃鎸囧畾鐨勫嚱鏁板勭悊鏁扮粍鐨勬瘡涓鍏冪礌錛屽苟榪斿洖澶勭悊鍚庣殑鏁扮粍銆傚畠鏄鏁扮粍閬嶅巻鍜岃漿鎹㈢殑甯哥敤鏂規硶錛屽彲浠ョ敤鏉ュ疄鐜頒竴浜涙暟緇勫埌鍙︿竴鏁扮粍鐨勬槧灝勬搷浣溿

filter 鏂規硶錛

`filter` 鏂規硶鍒涘緩涓涓鏂版暟緇勶紝鍖呭惈閫氳繃嫻嬭瘯鐨勬墍鏈夊厓緔犮傚畠甯稿父鐢ㄤ簬榪囨護鏁扮粍涓鐨勭壒瀹氬厓緔狅紝濡傝繃婊ゅ嚭絎﹀悎鏌愪簺鏉′歡鐨勫厓緔犮

sort 鏂規硶錛

`sort` 鏂規硶鐢ㄤ簬瀵規暟緇勭殑鍏冪礌榪涜屾帓搴忋傞粯璁ゆ儏鍐典笅錛屽畠鎸夌収瀛楃︾紪鐮佺殑欏哄簭榪涜屾帓搴忋備篃鍙浠ヤ紶鍏ヤ竴涓姣旇緝鍑芥暟浣滀負鍙傛暟錛屽疄鐜拌嚜瀹氫箟鎺掑簭銆

浠ヤ笂榪欎簺鏂規硶鍦↗avaScript涓闈炲父甯哥敤錛岀啛緇冩帉鎻″畠浠鍙浠ュぇ澶ф彁楂樺紑鍙戞晥鐜囧拰浠ｇ爜璐ㄩ噺銆