JavaScrip数组中的案例
【摘要】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<me...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var arr = [1, 2, 3];
console.log(arr);
// 末尾追加一个元素
arr.push(4);
console.log(arr);
// 末尾删除一个元素
arr.pop();
console.log(arr);
// 开头追加一个元素
arr.unshift(0);
console.log(arr);
// 开头删除一个元素
arr.shift();
console.log(arr);
// 筛选数组
console.log('筛选数组');
var arr1 = [1, 2, 3, 4, 5, 11, 13];
var newArr = [];
for (var i = 0; i < arr1.length; i++) {
if (arr1[i] < 10) {
newArr.push(arr1[i]);
}
}
console.log(newArr);
// 倒置数组
var arr2 = [1, 2, 3];
arr2.reverse();
console.log(arr2);
// 数组排序
console.log('数组排序');
var arr3 = [14, 16, 23, 12];
arr3.sort(function (a, b) {
return a - b;
});
console.log(arr3);
var arr3 = [14, 16, 23, 12];
arr3.sort(function (a, b) {
return b - a;
});
console.log(arr3);
// 获取数组的索引
var arr4 = [1, 2, 3, 1, 2, 3];
console.log(arr4.indexOf(3));
console.log(arr4.lastIndexOf(3));
// 数组去重案例
// 先创建一个新的数组，使用索引的方式在新数组中查找就数组中是否有这个数据，如果没有索引到的话，返回-1之后就使用push追加到新数组后面
var arr5 = [1, 2, 3, 4, 5, 5, 4, 3, 2, 8];
var newArr1 = [];
for (var i = 0; i < arr5.length; i++) {
if (newArr1.indexOf(arr5[i]) == -1) {
newArr1.push(arr5[i]);
}
}
console.log(newArr1);
// 将数组拼接位字符串
var arr6 = [1,2,3];
console.log(arr6.toString());
console.log(arr6.join('-'));
</script>
</head>
<body>
</body>
</html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
文章来源: blog.csdn.net，作者：花花叔叔，版权归原作者所有，如需转载，请联系作者。
原文链接：blog.csdn.net/qq_52077949/article/details/120154028
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）