js常用的数组方法与遍历

js常用的 数组方法

1.连接数组

var arr1 = [1,2,3];

var arr2 = [4,5,6];

var arr3 = arr1.concat(arr2);

console.log(arr3);  //输出 [1,2,3,4,5,6]

var arr1 = [1,2,3];

var arr2 = [(4,5),6];

var arr3 = arr1.concat(arr2);

console.log(arr3); //输出 [1,2,3,5,6];  这里4不见了只有5,是逗号操作符的问题,只返回最后一个

var arr1 = [1,2,3];

var arr2 = [[4,5],6];

var arr3 = arr1.concat(arr2);

console.log(arr3); //输出[1,2,3,Array(2),6]

2.数组转成字符串 arr.join();  

  字符串转成数组 str.split();

3.数组 尾部 删除   arr.pop();  (改变原数组)

var arr = [1,2,3,4];

arr.pop();

console.log(arr);  //输出  [1,2,3]

4.数组 尾部 添加 arr.push(); (改变原数组)

var arr = [1,2,3];

arr.push(4);

console.log(arr); // 输出[1,2,3,4]

arr.push(5,6);

console.log(arr); //输出[1,2,3,4,5,6]

5.数组内容反转

var arr = [1,2,3];

arr.reverse();

console.log(arr); // 输出[3,2,1]

6.数组 头部 删除 arr.shift(); (改变原数组)

var arr = [1,2,3,4];

arr.shift();

console.log(arr); //输出[2,3,4]

7.数组 头部 添加  arr.unshift();

var arr = [3,4,5];

arr.unshift(1,2);

console.log(arr); //输出[1,2,3,4,5]

8.数组排序

var arr = [1,6,4,3,5,2];

arr.sort();

console.log(arr); // 输出 [1,2,3,4,5,6]

//在arr.sort();里面添加函数,是正序还是倒序

arr.sort(function(a,b){

 return a - b;

});

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

arr.sort(function(a,b){

return b - a;

});

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

9.截取数组

//截取数组 arrs.slice(start,end);
//start参数必需,从何处开始选取,包括start。如果为负数,会从尾部选取,比如-1代表最后一个元素。前开后闭
//end参数可选,从何处结束选取,不包括end。如果没有指定该参数,数组会包含从start开始到数组结束的所有元素。
//如果该参数是负数的话,表示从数组尾部开始算起的元素。
var arr6 = [1,2,3,4,5];
console.log(arr6.slice(1));  //[ 2, 3, 4, 5 ]
console.log(arr6.slice(1,3));  //[ 2, 3 ]
console.log(arr6.slice(1,-1));  //[ 2, 3, 4 ]
 

10.插入,删除替换数组

//插入、删除和替换数组的元素
//Array.splice(index,howmany,element1,.....elementX);
//index必需,从何处添加、删除元素,开始插入或删除数组元素的下标
//howmany必需,应该删除多少个元素,可以为0,如果未设定该参数,则删除从index开始到数组结尾的所有元素
//element1可选,添加到数组中的新元素,从index下标开始插入
//elementX可选,可向数组中添加若干个元素
var arr = [1,2,3,4,5,6];
arr.splice(1,0,8);
console.log(arr);  //[ 1, 8, 2, 3, 4, 5, 6 ]
arr.splice(2,1);
console.log(arr);  //[ 1, 8, 3, 4, 5, 6 ]
arr.splice(1,1,10);
console.log(arr);  //[ 1, 10, 3, 4, 5, 6 ]

js遍历数组的方法

var arr = [1,2,3,4,5,6];

arr.forEach(function(item,index,arr){ console.log(item + index) });

arr.every(function(item,index,arr){ console.log(item + index) });

arr.reduce(function(item,index,arr){ });

arr.map({function(item,index,arr){ return item+5 });

arr.some(function(item,index,arr){ });

arr.filter(function(item,index,arr){ });

for(var i in arr){ console.log(arr[i]) };

for(var i of arr){ console.log(i) };

js字符串常用方法

var str = 'abcdefghijklmn';

str.charAt(2);   //c

str.charCodeAt(2);

str.indexOf(str,从哪个下标位置开始);  //该字符没有在字符串中出现 返回-1

str.substring(2,4); //cd

str.slice(2,4); //cd

str.split(''); // ['a','b','c','d','e','f','g',...]

猜你喜欢

转载自blog.csdn.net/yijiupingfan0914/article/details/88024478