JavaScript中数组的一些操作方法

数组的操作方法:

//1.join()将数组成员通过一个分隔符合并成字符串
var arr_01=[23,12,34,‘张三’];
var str=arr_01.join(’|’)
console.log(str); // 23|12|34|张三	

//2.push()和pop()   从数组最后增加或删除成员
var arr_02=[23,12,34,'张三'];
arr_02.push('李四');
console.log(arr_02);  // (5) [23, 12, 34, "张三", "李四"]

arr_02.pop();
console.log(arr_02);  // (4) [23, 12, 34, "张三"]

//3.unshift()和shift()   从数组前面增加或删除成员
var arr_03=['java','js'];
arr_03.unshift('love');
console.log(arr_03);  // (3) ["love", "java", "js"]

arr_03.shift();
console.log(arr_03);  // (2) ["java", "js"]

//4.reverse() 将数组反转
var arr_04=['yj','is','name','my'];
arr_04.reverse();
console.log(arr_04);  //  ["my", "name", "is", "yj"]

//5.indexOf() 返回数组中元素第一次出现的索引值
var arr_05=[1,2,34,2,1,2,2];
//第一个参数 需要检索的元素
//第二个参数需要检索的索引位置(如果有就返回该索引,如果没有就返回-1)
var index= arr_05.indexOf(2,5);
var index1=arr_05.indexOf(2,7);
console.log(index);  // 索引5
console.log(index1);  // -1  不存在

//6.splice() 在数组中增加或删除成员
var arr_06=[2,11,22,45,33];
arr_06.splice(2,1);  // 第一个参数表示从索引为几开始删除成员,第二个参数表示删除几个成员
console.log(arr_06);// (4) [2, 11, 45, 33]

arr_06.splice(2,1,90,0,88,66);  // 第一个参数表示从索引为几开始删除成员,第二个参数表示删除几个成员,后面参数表示添加的新的成员
console.log(arr_06);// [2,11,90,0,88,66,45,33]

//7.isArray(): 用于确定传递的值是否是一个 Array
var arr_07=[2,3,4,5,6];
var bool=Array.isArray(arr_07);
console.log(bool);	

//8. keys() 方法返回一个包含数组中每个索引键的Array Iterator对象。
var str=['a','b','c'];
var str1=str.keys();
for (var Key of str1) {
	console.log(Key)//返回对应的索引值  012
}

//9.slice()从一段数组中截取元素
var arr1=[1,2,3,4]
从索引为2开始截取包括索引2
console.log(arr1.slice(2))//[3,4]
console.log(arr1.slice(1))//[2, 3, 4]

//10.sort()方法用原地算法对数组的元素进行排序，并返回数组。
     默认排序顺序是在将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的
var arr2=['n','b','s','p','m']
console.log(arr2.sort())
var arr3=[11,200,100,400,3]//["a", "b", "b", "m", "n", "p", "s"]//a-z的首字母顺序
console.log(arr3.sort())// [100, 11, 200, 3, 400]//首位数123456顺序

//11.lastIndexOf()索引最后出现的位置 从后往前面检索
var arr4=[0,1,1,2,1,2]
第一个数表示为数值 第二个数检索开始的位置不存在为-1 
console.log(arr4.lastIndexOf(1,0))//-1
console.log(arr4.lastIndexOf(1,6))//4	

//12.findIndex(函数名) 返回出现的索引
var arr5=[1,52,20];
function test(ele){  //形参无意义
  return	ele=1;//返回值
}
//返回出现的索引
console.log(arr5.findIndex(test))//0
//数组中不存在2和a

//13.includes()判断数组中是否有这个数据 有返回true 无返回false
var arr5=[1,52,20];
console.log(arr5.includes(52))//true
console.log(arr5.includes('a'))//false

//14.filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
var arr6=[1,52,20,25,55];
function str(word){
return	word>7;
}
var str1=arr6.filter(str)
console.log(str1)//[52, 20, 25, 55]

//15.concat()将一个数组和另一个数组连接起来
var arr2=[1,2,3];
var arr3=[4,5,6];
console.log(arr2.concat(arr3))  //(6)[1,2,3,4,5,6]

//16.arr.forEach()  遍历数组
var arr=['张三',true,null,undefined,34];
		arr.forEach(function(ele,index){
			console.log(index);
			console.log(ele);
		})