|
@@ -0,0 +1,63 @@
|
|
|
|
+<!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 = ['孙悟空','猪八戒','沙和尚'];
|
|
|
|
+ // console.log(arr,'原数组')
|
|
|
|
+ //1.push 向数组中添加元素 添加到最后面
|
|
|
|
+ // arr.push("唐僧");
|
|
|
|
+ //2.unshift 向数组中添加元素 添加到最前面
|
|
|
|
+ // arr.unshift("唐僧");
|
|
|
|
+ // 3.pop 删除数组中的元素 删除最后面的
|
|
|
|
+ // arr.pop()
|
|
|
|
+ // 4.shift 删除数组中的元素删除第一个
|
|
|
|
+ // arr.shift()
|
|
|
|
+ // var arr1 = ['你的','我的','他的']
|
|
|
|
+ // 5.join 将数组转成逗号连接的字符串
|
|
|
|
+ // var arr2 = arr1.join();
|
|
|
|
+ // console.log(arr1,'1')
|
|
|
|
+ // console.log(arr2,'2')
|
|
|
|
+ // 6.concat 拼接数组
|
|
|
|
+ // var arr3 = arr.concat(arr1);
|
|
|
|
+ // console.log(arr3);
|
|
|
|
+ /*
|
|
|
|
+ *7.splice 截取 会改变原数组
|
|
|
|
+ 两个值:第一个值 代表从哪开始的下标 第二个值代表截取/删除的个数
|
|
|
|
+ 三个值:第一个值 代表从哪开始的下标 第二个值代表截取/删除的个数 第三个值代表替换的内容
|
|
|
|
+ */
|
|
|
|
+ var list = ['1','ab',45,'你好',true];
|
|
|
|
+ console.log(list,'list')
|
|
|
|
+ // console.log(list.splice(1,2),'截取的')
|
|
|
|
+ // console.log(list.splice(2,3,'haha'),'截取的')
|
|
|
|
+ // console.log(list,'截取后的')
|
|
|
|
+ /**
|
|
|
|
+ * 8.slice 截取
|
|
|
|
+ * 不对原数组进行改变
|
|
|
|
+ * 一个值: 从哪个下标开始截取到最后
|
|
|
|
+ * 两个值:第一个值代表从哪开始的下班 第二个值代表截取到哪个下标前
|
|
|
|
+ */
|
|
|
|
+ // console.log(list.slice(1))
|
|
|
|
+ // console.log(list)
|
|
|
|
+ // 9.reverse 倒序
|
|
|
|
+ // console.log(list.reverse())
|
|
|
|
+ // 10.toString 数组转字符串
|
|
|
|
+ // console.log(list.toString())
|
|
|
|
+ // 11.强制转换
|
|
|
|
+ // console.log(list+='')
|
|
|
|
+ // 12.sort 排序 按照Unicode编码进行排序
|
|
|
|
+ var news = [1,'re',49,'hello',980,3];
|
|
|
|
+ console.log(news,'news')
|
|
|
|
+ console.log(news.sort())
|
|
|
|
+ var newList = [23,5,987,4,32,123,78,54,67,2];
|
|
|
|
+ newList.sort(function(a,b) {
|
|
|
|
+ return a-b;
|
|
|
|
+ })
|
|
|
|
+ console.log(newList)
|
|
|
|
+ </script>
|
|
|
|
+</body>
|
|
|
|
+</html>
|