数组的方法

16lz 2021-11-23

```javascript
<!DOCTYPE html>

<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>数组的方法</title>
</head>

<body>

<script>

//toString 据所传递的参数把数值转换为对应进制的数字符串
var a = 32;
console.log(a.toString(2)); //返回字符串100000
console.log(a.toString(4)); //返回字符串200
console.log(a.toString(16)); //返回字符串20
console.log(a.toString(30)); //返回字符串12
console.log(a.toString(32)); //返回字符串10

var arr = [1,2,3,4];
var count=arr.push(“e”,”f”); // push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。
console.log(arr); // 输出 1,2,3,4，e，f
console.log(count); // 输出 6 (此时数组长度为6)

var item=arr.pop(); // pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。
console.log(item); // 输出字母 f
console.log(arr); // 输出 1, 2, 3, 4, ‘e’

//join() 方法也可将所有数组元素结合为一个字符串
var arr1 = [1,2,3,4];
console.log(arr1.join());// 正常输出数组
console.log(arr1.join(“-“)); //加入连接符号输出1-2-3-4

//位移元素shift(), unshift()
var arr = [“c”,”d”,”e”,”f”];
var count = arr.unshift(“a”,”b”);// 将a,b添加到原数组开头
console.log(count);// 输出数组长度 6
console.log(arr);// 输出数组 a - f

var item = arr.shift();//删除原数组第一项 ,此时数组为上面输出后的数组，即数组 a - f，
console.log(item);// 输出 a ,为 shift 后
console.log(arr); // 输出删除第一项后数组为“b - f”

//拼接数组splice(),
var a = [“g”,”j”,”k”,”l”,”m”,”n”];
var b = a.splice(2,2);//从第二位开始截取两个元素
console.log(a);// 输出 g,j,m,n
console.log(b);// 输出 k,l

var a = [“g”,”j”,”k”,”l”,”m”,”n”];
var b = a.splice(2,2,6,7,8);//从第二位开始截取两个元素,并且新插入三个元素 6,7,8
console.log(a);// 输出 g,j,6,7,8，m,n
console.log(b);// 输出 k,l

//裁剪数组slice()
var c=[10,19,20,29,30,39]
var d=c.slice(3,5);//（3,5）表示从第三个元素开始截取，截取3,4，两个元素，到第五个元素截止，且不被放就新数组
console.log(d);

// 合并（连接）数组concat()
var e = [2,3,4,5,6];
var f=e.concat(3,4);//将3,4,合并到数组 e 中
console.log(f);//输出2, 3, 4, 5, 6, 3, 4

//数组Array的迭代(遍历)方法 “ foreach / map / filter / every 格式为(function(item, index, arr))”
//forEach() 对数组的每一项运行给定函数，该方法没有返回值
var arr= [1,2,3,4,5];
arr.forEach(function(item,index,array){
return item;
})

console.log(arr);

//map() 将函数的返回值,存放到新的数组中,在循环结束后返回 (会根据函数的返回值形成新的数组)
var list = arr.map(function(item, index, array) {
return item + 10; // 如果没有设置返回值,则返回undefined
});

console.log(list);

//filter()函数一般返回一个条件(如果不返回条件会将返回的值转化为布尔值找布尔值为true的),把满足条件的元素筛选出来放到新数组
var list = arr.filter(function(item, index, array) {
return item > 2; //如果元素大于2(满足条件)则将该元素放在新数组里
});

console.log(list);

//every() 函数一般返回一个条件(如果不返回条件会将返回的值转化为布尔值),全都满足条件,则返回true 有一个不满足返回false
var flag = arr.every(function(item, index, arr) {
return item > 4;
});

console.log(flag);

//reduce() 方法在每个数组元素上运行函数，以生成（减少它）单个值
var f = [4,5,6,7,8,9,];
var sun=f.reduce(function(pre,cur,index,arr){
return pre+cur;
})

console.log(sun);

//indexOf() 方法在数组中搜索元素值并返回其位置，IndexOf从前往后找第一个item，找到就返回索引值，Array.lastIndexOf()从后往前找第一个item
var g = f.indexOf(9)//查找元素9
console.log(g);//返回数字 9 的位置。

var g = f.lastIndexOf(5);//查找元素5
console.log(g);//返回数组中 5 的位置 1

//find()方法用于查找数组中符合条件的第一个元素，如果没有符合条件的元素，则返回undefined, findIndex()方法用于找到数组中第一个符合条件的元素的下标，如果所有成员都不符合条件，则返回-1
var arr = [1,2,3,4,5];
var num = arr.find(arr => arr > 1);
console.log(num)//输出 2

var num = arr.findIndex(arr => arr > 1);
console.log(num);// 输出 1
</script>

</body>
</html>
```

更多相关文章

随机推荐