数组是一个有序的数据集合,是一种数据结构,Js中的数组可以放不同的数据类型,但不推荐这么做。
对于数组有着一些常用的操作,如遍历,筛选等等,这都有着相对应的方法。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Js---数组操作</title>
<script>
console.log("---js数组操作---");
//find
const arr1 = [1, 2, 3, 4, 6, 9];
let found = arr1.find(e => e > 5); // 6
//filter
var arr2 = ['A', 'B', 'C'];
var ft = arr2.filter(function(element, index, self) {
console.log(element); // 依次打印'A', 'B', 'C'
console.log(index); // 依次打印0, 1, 2
console.log(self); // self就是变量arr
return true;
});
//slice
var arr3 = ["html", "css", "js", "jq", "ajax"];
var sl = arr3.slice(0, 2);
//splice
var sp = arr3.splice(2, 0, 'hello');
//concat
var arr1C = [10, 20, 30, 40, 50];
var arr2C = [60, 70, 80, 90];
console.log(arr1C.concat(arr2C));
//join
var num = ['hello', 'world'];
console.log(num.join());
console.log(num.join(''));
console.log(num.join('-'));
//foreach
num.forEach(function(val, index, arr) {
console.log(val);
console.log(index);
console.log(arr);
});
//push
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.push("James") + "<br />")
document.write(arr)
//pop
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write("<br /> <br /> <br />");
document.write(arr);
document.write("<br />");
document.write(arr.pop());
document.write("<br />");
document.write(arr);
//自定义sort
function f(a, b) { //排序函数
var a = a % 2; //获取参数a的奇偶性
var b = b % 2; //获取参数b的奇偶性
if(a == 0) return 1; //如果参数a为偶数,则排在左边
if(b == 0) return -1; //如果参数b为偶数,则排在右边
}
var a = [3, 1, 2, 4, 5, 7, 6, 8, 0, 9]; //定义数组
a.sort(f); //根据数字大小由大到小进行排序
console.log(a); //返回数组[3,1,5,7,9,0,8,6,4,2]
//unshift
var arr = new Array();
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
document.write("<br /> <br /> <br />");
document.write(arr + "<br />");
document.write(arr.unshift("William") + "<br />");
document.write(arr);
//shift
var arr = new Array(3);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
document.write("<br /> <br /> <br />");
document.write(arr + "<br />");
document.write(arr.shift() + "<br />");
document.write(arr);
</script>
</head>
<body>
</body>
</html>
相关链接: