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涓闈炲父甯哥敤锛岀啛缁冩帉鎻″畠浠鍙浠ュぇ澶ф彁楂樺紑鍙戞晥鐜囧拰浠ｇ爜璐ㄩ噺銆