JavaScript中数组的相关方法,js中数组常用方法
js数组几种常见的操作方法
关于js数组的用法有很多，下面主要针对一些简单的操作，比如合并，反转，添加删除等简单的操作总结一下。
关于js数组的用法有很多，下面主要针对一些简单的操作，比如合并，反转，添加删除等简单的操作总结一下。
第一：读取数组 for循环
方法如下：
var ay=[1,"sdsd","sdsd"]
for (var i=0;iay.length;i++) {
console.log("index:"+i+" "+ay[i]) ?//index：0 1 ? ? ? ? index：1 sdsd ? ? ? ? index：2 sdsd
}
第二：合并数组 concat
方法如下：
var arr1=['w','e','s'];
var arr2=['e','y','u'];
var arr3=arr1.concat(arr2);
console.log(arr3) //['w','e','s''e','y','u'];
第三：数组变为字符串格式 join
方法如下：
var arr1=['w','e','s'];
var arr4=arr1.join()
console.log(arr4) //w,e,s
第四：删除最后一个元素,针对老数组是删除最后一个,针对新数组是返回最后一个 ?pop
var arr6=["d","s","t"];
var arr7=arr6.pop();
console.log(arr6) //?["d","s"];
console.log(arr7);// t
第五：添加最后一个元素，针对老数组最后一个元素后面添加一个元素，新数组返回元素个数 ? push
var arr8=["i","u","t"];
var arr9=arr8.push("k");
console.log(arr8); //["i","u","t","k"];
console.log(arr9); // 4
第六：shift() 和pop()一样，不同的是操作的是开头删除的元素shift（）；具体操作不在展示
第七：unshiift()和push一样，不同的是操作的是开头添加的元素unshift（）；具体操作不再展示
第八：反转数组 ?reverse
方法如下：
var arr1=['w','e','s'];
var arr10=arr1.reverse()
console.log(arr10) ?//['s','e','w'];
第九：数组排序 sort ?a-b正向 ? ?b-a 反向
正向
var arr11=[3,1,5,8,28]
var arr12=arr11.sort(function ?(a,b) {
return a-b;
})
console.log(arr12) //[1,3,5,8,28];
反向
var arr13=arr11.sort(function ?(a,b) {
return b-a;
})
console.log(arr13) //[28,8,5,3,1]
第十：数组截取 数组截取的方法主要有slice 和splice，另外说到截取我这里随便也把字符串截取带上，字符串截取的方法主要有substr 和substring
（1）slice 使用方法arr.slice(m,n);其中arr为数组，m，n为两个参数，意思是从已有数组中返回选定的元素，截取位置均为下标，其中m必须，为起始位置，可以为负值，n为结束位置（截取位置并不包含）。
示例如下：
①只有起起始值，并且为正，默认的从起始位置一直到整个数组结束，起始下标从0开始
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(1)
console.log(arr) //?[2,3,5,6,8,9] 老数组是没有变化的，下面不在列举，都是一样的
console.log(arr1) //[3,5,6,8,9] 只有起始参数，并且为正值，返回新数组从下标1开始截取
②只有起始值，并且为负，默认的是从起始位置一直到整个数组结束，此处没有起始值，数组的最后一个下标是-1，比如此例，如果从-6开始取，必定是整个数组
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-1)
console.log(arr1) //[9] 只有起始参数，并且为负值，从数组尾部截取元素
③有起始值和结束值，并且为正，此处需注意下标是从小到大，比如你（3，1）肯定是取不到值的，另外截取的下标个数并不包含最后一个下标
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(1,4)
console.log(arr1) //[3,5,6] ?此时是从下标1开始到下标4，但是需要注意的是并不包含下标4，准确的说是1-3的下标
④有起始值和结束值，并且为负，此处需注意下秒也是从小到大，同理，比如（-1，-6）也是肯定取不到值的，另外截取的下标个数也并不包含最后一个下标
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-6,-1)
console.log(arr1) //[2,3,5,6,8]
⑤有起始值和结束值，并且正负都有
负值到0
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-1,0)
//刚刚都看到了，数组下标都是从小到大的，所以说如果正负都有的情况下，理论上应该可以取值的，比如这个例子，-1为9的小标，0为2的下标，所以取值应该为 ?[9]，但是结果并不是这样的
console.log(arr1) //[ ] 从这里可以看出他的结果是为空的，所以从负值到0结果是取不到的
负值到正直
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-1,2)
//那从负值到正值呢，同样也是取不到值的
console.log(arr1) //[ ]?
正直到负值
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(2,-1)
//那从正直到负值，这个理论上是取不到的，但是看下结果
console.log(arr1) //[ 5，6，8] ?从结果可以看出是可以取的 原理是2的下标为5，-1的下标为9，不包含结束位置下标
总结：这个方法看着可能会麻烦些（也可能被我写的麻烦啦），比如正到负等，不知道大家都是怎么操作，我一般用这个取值都是只截取正的，所以这个实际操作还是非常简单的。
（2）splice 像数组中添加或者删除元素
arr.splice(m,n,index,index1,...,indexx)
m是起始位置，n是删除元素的个数，index是要添加的元素，在不添加元素的前提下，只有第一个参数是必须的，后面两个都不是必须的，在需要添加元素的情况下，三个元素都是必须的，此方法和slice是不一样的，这个返回的是被删除的元素
示例如下：
只删除不添加
注意看此例，是（1，2）删除两个，如果是（1，0），则表示删除零个，也就是不删除的意思，如果只有一个参数则表示从这里开始删除，比如是（1）则为[2]，当然这个也是可以取负值，但是这个和slice是不一样的，只能起始位置取负值，因为删除的个数不可能为负值，slice可以取（2，-1），这个就截然不同啦，但是刚刚也说啦，slice是不可以起始位置取负值，结束位置取正的，但是这个是可以的，比如（-1，0）则表示从-1开始删除零个，结果为[2,3,5,6,8,9]，（-6，2),结果为[5,6,8,9]，另外这个删除的第二个值如果写的过大，也只是删除从本下标到最后一个，比如（2，78）为[2,3]
var arr=[2,3,5,6,8,9]
var arr1=arr.splice(1,2)
console.log(arr) // [2,6,8,9] 注意看此处才是我们要的数组，从下标1开始删除删除两个
console.log(arr1) //[3,5] 此处是我们删除掉的数组
删除加添加 具体的和上面的差不多，主要添加了添加元素的效果，这个也可以添加多个元素
var arr=[2,3,5,6,8,9]
var arr1=arr.splice(1,2,"il")
console.log(arr) //[2,"li",6,8,9]?
console.log(arr1) //[3,5]
总结：此方法用的时候，一般也都是只取正值
（3）substr 这个是字符串的用法 用法arr.substr(m,n) m必选也可以负值 n选填，注意看这个并不是结束为止而是截取的个数
示例如下：
只有一个参数 默认从此下标开始，取后面所有的
正值
var arr="sdhgfhf"
var arr1=arr.substr(1)
console.log(arr)// "sdhgfhf"这个是不变的，下面不再列举
console.log(arr1)//?"dhgfhf" 从下标1开始取后面所有的
负值
var arr="sdhgfhf"
var arr1=arr.substr(-2)
console.log(arr1)//?"hf" 从下标-2开始取后面所有的
两个参数，从第一个下标开始，截取到下标2的长度
var arr="sdhgfhf"
var arr1=arr.substr(1，3)
console.log(arr1)//?"dhg" 从下标1开始取后面所有的 同理如果为负值，比如（-6，3）则为"hjf";后面的始终为长度
总结：此方法需注意不要和数组的混淆，这个是截取长度的
（4）substring ?用法arr.substring(m,n) 两个参数，m必须，起始位置 ，n选填，截取下标的结束位置，此用法和上面slice有点类似，但是需要注意的是此方法是不支持负值的
示例如下：
只有一个参数
var arr="sdhgfhf"
var arr1=arr.substring(1)
console.log(arr1)//"dhgfhf"从下标1开始取后面所有的
两个参数
var arr="sdhgfhf"
var arr1=arr.substring(1,3)
console.log(arr1)// "dh"从下标1开始截取到下标3，但是不包含3
总结：此方法不支持负值，只针对下标来截取的
最后，以上主要是总结的数组的一些简单的操作方法，学无止境，继续努力。
原生JS中数组常见的方法
1.
shift()：删除数组中第一个元素，并将长度减1，下面举例：
var arr = ['王思聪', '孙一宁', '刘强东', '奶茶', '签字哥', '都美竹']
?var res = arr.shift()
console.log(res)? //打印出来返回值是被删除的数组元素
2.
?pop():删除数组中最后一个元素，并将长度减1,下面举例：
var arr = ['王思聪', '孙一宁', '刘强东', '奶茶', '签字哥', '都美竹']
?var res = arr.pop()
console.log(res) //打印出来返回值是删除的数组元素
3.
unshift():往数组前面添加一个或多个数组元素，长度要改变，下面举例：
var res = arr.unshift('张姨', 18)
? console.log(res)
? ?console.log(arr) //?返回值是增加后数组的长度
4.
push():往数组结尾添加一个或多个数组元素，长度要改变
var res = arr.push('随便', '哈哈')
console.log(arr)
console.log(res)
5.
为了更好的代入，下面我们来看一个综合的列子：
var arr = [0, 1, 'a', 0, 66, 0, 0]
要求将数组中的0项去掉，将不为0的值存入一个新的数组，生成新的数组
声明一个新的数组
var newArr = []
遍历
for(var i=0; iarr.length; i++){
? ? ? ? ? ? //把0的数组元素删除掉
? ? ? ? ? ? if(arr[i]==0){
? ? ? ? ? ? ? ? continue
? ? ? ? ? ? }
? ? ? ? ? ? //把这些数据添加到新的数组
? ? ? ? ? ? newArr.push(arr[i])
? ? ? ? }
? ? ? ? console.log(newArr)? //最后输出查看结果
6.
concat() : 方法用于连接两个或多个数组, 不改变原数组。返回一个新的数组
var arrName1 = ['签字哥', '李某迪', '波哥', '王思聪']
var arrName2 = ['马云', '马化腾', '王健林', '卢本伟']
var newData = arrName1.concat(arrName2)
console.log(newData)
7.
reverse() ?逆向排序, 原数组也被逆向排序了（倒置）
var numArr = [10, 9, 8, 7, 6, 5, 11]
var res = numArr.reverse()
console.log(res)
console.log(numArr)
8.
toString() ?将数组转成字符串，推荐使用
var numArr = [10, 9, 8, 7, 6, 5, 11]
toString()属于一个对象的方法
var res = numArr.toString()
console.log(res)
String它是强制数据类型转换的方法，它不属于数组这个对象
9.
join(“拼接符”)将数组转成字符串，中间以拼接符连接
var numArr = [10, 9, 8, 7, 6, 5, 11]
var res = numArr.join('')
console.log(res)
10.
? slice(start,end): ?不修改原数组, 将原数组中的指定区域数据提取出来。start开始 end结束。
? ? ? ? ? ? 如果参数是负值表示从倒数开始。不含结束位置
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?0 ? ? ? ? 1 ? ? ? ?2(不包含结束位置)
?var arrName = ['签字哥', '李某迪', '波哥', '王思聪']
var res = arrName.slice(0, 2)
?console.log(res)
11.
splice
? ? ? ? ? ? 删除：用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）
? ? ? ? ? ? 插入：向数组指定位置插入任意项元素。三个参数，第一个参数（开始位置），第二个参数（0），第三个参数（插入的项）
? ? ? ? ? ? 注意点：第二个参数（0）为0不会删除任何项
? ? ? ? ? ? 替换：向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）
?var arrName = ['签字哥', '李某迪', '波哥', '王思聪']
? ? ? ?//删除
? ? ? ? //var res = arrName.splice(0, 3)
? ? ? ? //返回值是被删除的数组元素
? ? ? ? //console.log(res)
? ? ? ? //插入
? ? ? ? // arrName.splice(0, 0, '嘿嘿', '哈哈')
? ? ? ? // console.log(arrName)
? ? ? ?//替换
? ? ? ? arrName.splice(0, 2, '都美竹', 'hello')
? ? ? ? console.log(arrName)
JS常用处理数组的方法
一、概述
join( ) ————————数组转字符串
split( ) ———————–字符串转数组
push( ) ———————-将数据添加到数组尾部
pop( ) ———————–数组末尾移除最后一项
shift( ) ———————–删除原数组第一项
unshift( ) ——————–将数据添加到数组头部
sort( ) ————————按升序排列数组项
reverse( ) ——————–反转数组项的顺序
concat( ) ——————–多个数组合并，原数组不变
slice( ) ———————–返回开始下标到结束下标之间的项组成的新数组，原数组不变
splice( ) ———————-从数组中添加/删除项目，然后返回被删除的项目，改变原数组
二、定义和用法
1、join()
2、concat()
3、pop()
4、shift()
5、push()
6、unshift()
7、reverse()
8、slice()
9、splice()
10、toString()
11、sort()
12、includes()
13、forEach()
14、map()
JS Array中的常用方法
在Js Array中的方法大致分为两类：方法改变原数组 方法生成新数组（不改变原数组）
1.push()：向原数组的最后一位添加一个元素。返回数组长度
2.unshift()：向原数组的最前添加一个元素。返回数组长度
3.pop()：截取数组中最后一个元素。返回被截取的元素
4.shift()：截取数组中第一个元素。返回被截取的元素
以上四个方法可以放在一起记忆，不要被方面名所误导。
5.splice()：splice(index, howmany, item1,...itemX) 方法有多个参数可选，常用于分割数组。返回处理后的数组
第一个参数：从第n个元素的下标开始截取；
第二个参数：从第n个元素的下标开始截取多少个元素；
第三到n个参数：将截取的元素替换为什么
6.sort()：sort(fn) 方法有一个参数可选，用于给数组排序。在不写参数的情况下会对数组中的元素进行从小到大的顺序排序。但不会识别数字（按照数字ACSLL编码表进行排序）
可选参数：参数返回一个函数，这个函数中有两个形参 .sort(function(a, b){}) 。形参中的a和b会类冒泡的访问数组中的元素；例：[1, 2, 3, 4] a b 分别会选择 1,2、 1,3 、 1,4 、 2,3 、 2,4 、 3,4。当a-b1时，交换ab的值；当a-b1时，不动。由此，可在此函数体中写出自定义的排序规则。返回排序后的数组
7.reverse()：倒序排列整个数组。返回数组
1.concat()：concat(arr)将两个数组拼接在一起。返回新数组
2.join()：join('str')一个可选参数，返回以一个字符串将数组中的元素拼接成字符串。与str的split('str')方法相反，split()是将字符串以一个字符串拆分成数组。
3.toString()：与join()函数不填写参数一样，返回一个一 逗号 ，拼接的字符串。
4.slice()：选取数组中的第n个元素到第n个元素。返回新数组，也可不写参数返回数组的副本。
5.indexOf()：index(item, start)方法有两个参数。返回指定元素在数组中的索引值；如果未找到指定元素，返回 -1
第一个参数：指定的元素
第二个参数：从填入的索引开始寻找