23_Array对象.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // 数组对象
  11. // 只要定义的数组都会有一个顶级对象 Array
  12. var arr1 = [1,2,3];
  13. // push 向数组中添加新值
  14. arr1.push(4);
  15. // pop 从数组中删除最后一个值
  16. arr1.pop();
  17. // shift 从数组中删除第一个值
  18. arr1.shift();
  19. // unshift 向数组中添加新值
  20. arr1.unshift(0);
  21. // 获取数组的值 通过下标获取 []
  22. // 修改数组中的值
  23. arr1[0] = 100;
  24. console.log(arr1);
  25. // concat 合并数组
  26. var arr2 =["a","b","c"];
  27. console.log(arr1.concat(arr2))
  28. // 判断数组中是否包含某个值 如果包含则返回true 否则返回false
  29. console.log(arr1.includes(100));
  30. // indexOf 查找数组中某个值的下标 如果找到则返回下标 否则返回-1
  31. console.log(arr1.indexOf(9));
  32. // isArray() 判断是否为数组 如果是数组则返回true 否则返回false
  33. console.log(Array.isArray(arr1));
  34. // 定义数组 通过new Array()方法 也可以通过[]定义
  35. var arr3 = new Array(1,2,3,4,5,6,7,8,9);
  36. // slice 截取数组 两个值第一个起始位置 第二个结束位置(不包含结束位置) 也可以写一个参数 从开始为止一直截取到最后
  37. console.log(arr3.slice(2,6));
  38. // splice 截取并删除数组中的值 两个值第一个起始位置 第二个是截取个数
  39. // splice 也可以添加值 从第三个参数开始
  40. console.log(arr3.splice(2,6,"hello","world"));
  41. console.log(arr3);
  42. // join 将数组中的值用指定的字符串连接起来
  43. var arr4 = [2026,7,21];//2026-7-21
  44. console.log(arr4.join("-"));
  45. </script>
  46. </body>
  47. </html>