js关于数组基本方法详解

1. arr.join( )

 //join 数组==>字符串,该字符串以特定字符分隔开.
 var arr = ['A','B','C'];
 var str = arr.join('|');
 console.log(str);
 console.log(typeof str);
 console.log(arr);
 console.log(typeof arr);//object

2. arr.push( ) <==> arr.pop( )

 var arr = ['A','B','C'];
 //push添加元素,在数组之后添加元素,返回的是新数组的长度
 var count = arr.push('D','E');
 console.log(count);
 console.log(arr);
 //pop()删除数组的最后一元素并且返回该元素,数组长度减去1
 var count = arr.pop();
 console.log(count);
 console.log(arr);

3. arr.unshift( ) <==> arr.shift( )

 var arr = ['A','B','C'];
 //shift()删除数组第一个元素,并且返回该元素
 console.log(arr.shift());
 console.log(arr);

 //unshift()添加元素,在数组之前添加,返回的是新数组的长度
 console.log(arr.unshift('D','E'));
 console.log(arr);

4. arr.reverse( )

 //reverse()倒序数组，返回的是倒序之后的数组,原数组的顺序改变
 var arr = ['A','B','C'];
 console.log(arr.reverse());
 console.log(arr);

 //concat()连接数组并且返回，连接后的类型为数组
 var arr = ['A','B','C'];
 var copyArr = arr.concat(11,'F',["123",'4345']);
 console.log(copyArr);
 console.log(arr);
 copyArr.push('r','556');
 console.log(copyArr);

5. arr.concat( )

 //concat()连接数组并且返回，连接后的类型为数组
 var arr = ['A','B','C'];
 var copyArr = arr.concat(11,'F',["123",'4345']);
 console.log(copyArr);
 console.log(arr);
 copyArr.push('r','556');
 console.log(copyArr);

6. indexOf( ) <==> lastIndexOf( )

 //indexOf()
 //一个参数返回的是数组中的下标
 //第二个参数表示:从什么位置开始查找.如果找到返回的是该元素在数组中的下标，找不到则返回-1.

 var arr = [1,5,9,32,74,36,8];
 console.log(arr.indexOf(5,1));

 //lastIndexOf()
 //一个参数：表示需要查询的元素,返回值是该元素的下标
 //两个参数：第一个表示需要查询的元素,第二个表示从什么位置开始查询;
 //该方法查询方向是反向,但是返回值仍按照正序排列
 var arr1 = [1,5,9,32,74,36,8];
 console.log(arr1.lastIndexOf(37));

总结：

 // push();向数组最后位置添加元素，返回的是数组的长度
 // pop();删除数组最后一个元素，返回的是删除的该元素
 // unshift();向数组的最前端添加元素，返回的是数组的长度
 // shift();删除数组第一个元素，返回的是删除的该元素

 //join();把数组各个元素拼接为字符串，并且以特定的字符分隔开,
 //返回值是带有特殊字符分隔的字符串

 //reverse()倒序数组
 //返回的是倒序之后的数组

 //concat();拼接数组，返回拼接之后的数组

 //indexOf();执行查询操作
 //如果只有一个参数, 则查询该元素; 找到的话, 返回该元素的下标, 找不到的话, 返回-1.
 //如果含有两个参数, 则: 第一个参数表示查询的目标元素
 // 第二个参数表示正序从‘参数二’开始查找
 //lastIndexOf();执行查询操作
 //如果只有一个参数, 则查询该元素; 找到的话, 返回该元素的下标, 找不到的话, 返回-1.
 //如果含有两个参数, 则： 第一个参数表示查询的目标元素
 // 第二个元素表示反序从‘参数二’开始查找

相关推荐：

六种JS数组去重的方法分享

js数组去重与去扁平化详解

最实用的JS数组函数整理