数组的方法


01、concat() 用于合并两个或多个数组

  1. concat() 方法用于合并两个或多个数组。
    此方法不会更改现有数组,而是返回一个新数组。
var arr1 = [1, 2, 3];
var arr2 = ['a', 'b', 'c'];
console.log(arr1.concat(arr2));   //  [1,2,3,'a','b','c']
console.log(arr2.concat(arr1));  //   ['a','b','c',1,2,3]

02、includes() 判断一个数组是否包含一个指定的值

2.includes() 方法用来判断一个数组是否包含一个指定的值,
根据情况,如果包含则返回 true,否则返回false。

var  arr=[1,2,3,4,5,5,56];
console.log(arr.includes(88));  // false

03、indexOf() 在数组中找到一个给定元素的第一个索引(-1)

  1. indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。
   var arr=[1,2,5,3,4,5,6];
   console.log(arr.indexOf(5));//  2
   console.log(arr.indexOf(10));// -1

04、lastIndexOf() 返回指定元素的最后一个的索引(-1)

  1. lastIndexOf() 方法返回指定元素在数组中的最后一个的索引,如果不存在则返回 -1。
    从数组的后面向前查找
 var arr=[1,2,5,3,4,5,6];
 console.log(arr.lastIndexOf(5));//  5
 console.log(arr.lastIndexOf(10));//  -1

05、join() 将数组的元素连成字符串并返回这个字符串

5.join() 方法将一个数组的所有元素连接成一个字符串并返回这个字符串。
如果数组只有一个项目,那么将返回该项目而不使用分隔符。

var arr=['张三','李四','王五','赵六']
console.log(arr.join('-'));
//张三-李四-王五-赵六

06、push() 末尾添加

  1. push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。
var arr = [1, 2, 3, 4];
var n = arr.push('哈哈');
console.log(arr); // [1, 2, 3, 4, '哈哈']
console.log(n);//   5

07、pop() 末尾删除

  1. pop()方法从数组中删除最后一个元素,并返回该元素的值。
var arr = [1, 2, 3, 4];
var n= arr.pop();
console.log(arr); // [1, 2, 3]
console.log(n); // 4

08、unshift() 开头添加

  1. unshift() 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度。
var arr=['a','b','c','d'];
var n= arr.unshift(1);
console.log(arr); // [1, 'a', 'b', 'c', 'd']
console.log(n); // 5

09、shift() 头部 删除

  1. shift() 方法从数组中删除第一个元素,并返回该元素的值。
    此方法更改数组的长度。
var arr=['a','b','c','d'];
var n= arr.shift();
console.log(arr); //   ['b', 'c', 'd']
console.log(n);  //  a

10、reverse() 倒序

  1. reverse() 方法将数组中元素的位置颠倒,并返回该数组。
    数组的第一个元素会变成最后一个,数组的最后一个元素变成第一个。
    该方法会改变原数组
 var arr=[1,2,3,4,5,6];
arr.reverse()
console.log(arr);  //  [6, 5, 4, 3, 2, 1]

11、slice()

  1. slice()方法返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的浅拷贝(包括 begin,不包括end)。
    原始数组不会*被改变。
var arr=[1,2,4,5,47,2154,54,545,12,151,5];
console.log(arr.slice(2,6));//包含2 但是不包含6  //-->  [4, 5, 47, 2154]
console.log(arr.slice(5,9)); //-->[2154, 54, 545, 12]
console.log(arr.slice(5)); //-->[2154, 54, 545, 12, 151, 5]

12、splice() (操作的位置,删除的个数,添加的元素)

  1. splice() 方法通过删除替换现有元素或者原地添加新的元素来修改数组
    并以数组形式返回被修改的内容。此方法会改变原数组
    splice(操作的位置,删除的个数,添加的元素)
var arr=[1,2,3,4,5,6,7];
arr.splice(5,0,'新的');
console.log(arr); // [1, 2, 3, 4, 5, '新的', 6, 7]

var arr=[1,2,3,4,5,6,7];
arr.splice(1,2);
console.log(arr); // [1, 4, 5, 6, 7]

var arr=[1,2,3,4,5,6,7];
arr.splice(2,1,'新的')
console.log(arr); // [1, 2, '新的', 4, 5, 6, 7]

13、sort() 排序

12.sort()方法用原地算法对数组的元素进行排序,并返回数组。
默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的
由于它取决于具体实现,因此无法保证排序的时间和空间复杂性。

 var arr=['caa','cbb','aaa','cab','bac','abc'];
arr.sort();
console.log(arr); // ['aaa', 'abc', 'bac', 'caa', 'cab', 'cbb']
var arr1=[10,111,1,521,21,3,6,545,1];
arr1.sort(function(a,b){
    // return a-b;
    return b-a;
});
console.log(arr1); // [545, 521, 111, 21, 10, 6, 3, 1, 1]

14

 var obj={};//对象
 var arr=[];//数组

console.log(typeof obj); // obj
console.log(typeof arr); // obj

// 检测一个数据是否为数组类型
console.log(obj instanceof Array);//false
console.log(arr instanceof Array);//true

console.log(Array.isArray(obj));//false
console.log(Array.isArray(arr));//true

15、Array.from 类数组转化为真正的数组

Array.from⽅法 将类数组转化为真正的数组


16、Array.of⽅法 将数值转化为数组

Array.of⽅法 将数值转化为数组


17、copyWithin() 将指定位置的成员复制到其他位置

copyWithin() ⽅法是将指定位置的成员复制到其他位置(会覆盖原有成员)


18、flat() 将多维数组转化为1维数组或指定维度的数组

flat⽅法将多维数组转化为1维数组或者指定维度的数组


19、forEach() 遍历数组

forEach 类似于for循环,主要是⽤来遍历数组


20、map() 映射⼀个新的数组,对数组进⾏遍历

map⽅法 主要作⽤是映射⼀个新的数组,可以对数组进⾏遍历


21、filter() 返回⼀个符合条件新的数据

filter⽅法 主要作⽤返回⼀个符合条件新的数据,同样也有遍历数组的作⽤


22、Every() 判断数组每一项是否满足条件 全部满足返回真


23、Some 只要有一项满足条件就返回真


24、keys() 遍历键名。


25、values() 遍历键值。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值