|
|
@@ -0,0 +1,67 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
+ <title>Document</title>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <script>
|
|
|
+ var arr = ["孙悟空", "猪八戒", "沙和尚", "白龙马"];
|
|
|
+ // 1.push 向数组中添加元素 添加到最后面
|
|
|
+ arr.push("唐僧");
|
|
|
+ // 2.unshift 向数组中添加元素 添加到最前面
|
|
|
+ arr.unshift("白骨精");
|
|
|
+ // 3.pop 删除数组中的元素 删除最后一个
|
|
|
+ arr.pop();
|
|
|
+ // 4.shift 删除数组中的元素 删除第一个
|
|
|
+ arr.shift();
|
|
|
+ // 5.join() 将数组转换成用逗号链接的字符串
|
|
|
+ var arr1 = ["你的", "我的", "他的"];
|
|
|
+ var arr2 = arr1.join();
|
|
|
+ console.log(arr1, "arr1");
|
|
|
+ console.log(arr1.join(), "arr1");
|
|
|
+ // 6.concat 链接数组
|
|
|
+ var list = arr.concat(arr1);
|
|
|
+ console.log(list);
|
|
|
+ // 7.splice 截取
|
|
|
+ // 两个值 第一个值代表从哪开始截取的下标 第二个值代表删除的个数
|
|
|
+ // 三个值 第一个值代表从哪开始截取的下标 第二个值代表删除的个数 第三个值替换的内容
|
|
|
+ // 可以改变原数组
|
|
|
+ var list1 = ["ab", "cd", 99, true, "sun"];
|
|
|
+ console.log(list1, "原数组");
|
|
|
+ list1.splice(1, 1);
|
|
|
+ // list1.splice(2,4,'我的内容')
|
|
|
+ console.log(list1, "新数组");
|
|
|
+ // 8.slice 截取 不对原数组进行改变 反出截取后的内容
|
|
|
+ // 一个值 从第几个下标开始截取 截取到最后
|
|
|
+ // 两个值 第一个值从第几个下标开始截取 第二个值截取到当前下标之前 不包含当前下标
|
|
|
+ var list2 = ['贾宝玉','林黛玉','薛宝钗','刘姥姥','王熙凤',"元春","巧姐"];
|
|
|
+ // var list3 = list2.slice(3);
|
|
|
+ var list4 = list2.slice(3,6);
|
|
|
+ console.log(list4);
|
|
|
+ //9.reverse() 倒序
|
|
|
+ var list5 = list2.reverse();
|
|
|
+ console.log(list5);
|
|
|
+ //10.toString() 将数组转成字符串
|
|
|
+ var list6 = list5.toString();
|
|
|
+ console.log(list6);
|
|
|
+ //11. 加上空字符串 强制转换
|
|
|
+ list2 += '';
|
|
|
+ // list2 = list2 + '';
|
|
|
+ console.log(list2)
|
|
|
+ //12.sort() 按照ASCII编码排序
|
|
|
+ //var num = ['rte',12,"a",32,1,91,"d"];
|
|
|
+ //console.log(num.sort());
|
|
|
+
|
|
|
+ var newList = [23,5,986,4,32,123,78,10];
|
|
|
+
|
|
|
+ newList.sort(function(a,b){
|
|
|
+ return b-a;
|
|
|
+ });
|
|
|
+ console.log(newList.reverse());
|
|
|
+
|
|
|
+
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
e