文章目录

• 1.数组对象的创建
• 2.检测是否为数组
• 3.添加删除数组元素
• 4.数组排序
• 5.数组索引
• 6.数组转化为字符串
• • 7.其他方法
  • • • • 7.1 concat()
        • 7.2 slice()
        • 7.3 splice()

1.数组对象的创建

创建数组对象的两种方式:

• 字面量方式
• new Array()

  <script>    //字面量方法    let arr1 = [1, 3, 5]    //new Array()    let arr2 = new Array()  </script>

2.检测是否为数组

• instanceof 运算符，可以判断一个对象是否属于某种类型
• Array.isArray() 用于判断一个对象是否为数组，isArray() 是 HTML5 中提供的方法

  <script>    let arr = [1, 3, 5]    console.log(arr instanceof Array)  //true    console.log(Array.isArray(arr));   //true  </script>

3.添加删除数组元素

  <script>    //1.push()  在数组末尾添加元素，并返回修改后数组的长度    let arr1 = [1, 3, 5]    let length = arr1.push(7)    console.log(length);  //4    console.log(arr1);    //[1,3,5,7]    //2.pop()  删除数组最后一个元素，并返回这个值    let arr2 = [1, 3, 5]    let end = arr2.pop()    console.log(end);    //5    console.log(arr2);   //[1,3]    //3.unshift()   向数组开头添加元素，并返回修改后数组的长度    let arr3 = [3, 5]    let len = arr3.unshift(1)    console.log(len);   //3    console.log(arr3);  //[1,3,5]    //4.shift()     删除数组的第一个元素，并返回这个元素    let arr4 = [1, 3, 5]    let start = arr4.shift()    console.log(start);  //1    console.log(arr4);   //[3,5]  </script>

4.数组排序

  <script>    //1.reverse()翻转数组    let arr1 = [1, 3, 5, 7]    arr1.reverse()    console.log(arr1);  //[7,5,3,1]    //2.sort()排序数组    let arr2 = [5, 3, 7, 1]    arr2.sort()    console.log(arr2);  //[1,3,5,7]  默认升序  </script>

5.数组索引

  <script>    let arr = [1, 3, 5, 7, 3]    console.log(arr.indexOf(3));   //1    console.log(arr.lastIndexOf(3));    //4   返回该元素在数组中的最后一个索引  </script>

6.数组转化为字符串

  <script>    //1.toString()      let arr = [1, 3, 5, 7]    console.log(arr.toString());  //1,3,5,7   用逗号分隔    //2.join('')    let arr1 = ['blue', 'yellow', 'green']    console.log(arr.join());  //默认用逗号分隔  1,3,5,7    console.log(arr.join('-'));  //1-3-5-7  </script>

7.其他方法

7.1 concat()

• concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组

  <script>    let arr1 = [1, 3, 5]    let arr2 = [7, 9]    let arr3 = arr1.concat(arr2)  //合并arr1和arr2    console.log(arr3);  //[1,3,5,7,9]  </script>

7.2 slice()

• slice() 方法用于数组截取数组，slice(begin,end)，截取索引从begin到end的数组，包括begin，不包括end

  <script>    let arr = [1, 3, 5, 7, 9]    let arr1 = arr.slice(2, 4)   //截取区间[2,4)    console.log(arr1);   //[5, 7]  </script>

7.3 splice()

• splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容

从索引2的位置开始删除一个元素，插入"white"

  <script>    let arr = ['blue', 'yellow', 'green', 'black']    let arr1 = arr.splice(2, 1, 'white')    console.log(arr); //['blue', 'yellow', 'white', 'black']    console.log(arr1);//['green']  </script>

英文字体下载