JavaScript基础之数组对象

---

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.添加删除数组元素

方法名	说明	返回值
push(参数1…)	末尾添加一个或多个元素，注意修改原数组	并返回新的长度
pop()	删除数组最后一个元素	返回它删除的元素的值
unshift(参数1…)	向数组的开头添加一个或更多元素，注意修改原数组	并返回新的长度
shift()	删除数组的第一个元素，数组长度减1，无参数，修改原数组	并返回第一个元素

  <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.数组排序

方法名	说明	是否修改原数组
reverse()	颠倒数组中元素的顺序，无参数	该方法会改变原来的数组，返回新数组
sort()	对数组的元素进行排序	该方法会改变原来的数组，返回新数组

  <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.数组索引

方法名	说明	返回值
indexOf()	数组中查找给定元素的第一个索引	如果存在返回索引号，如果不存在，则返回-1
lastIndexOf()	在数组的最后一个索引，从后向前索引	如果存在返回索引号，如果不存在，则返回-1

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

6.数组转化为字符串

方法名	说明	返回值
toString()	把数组转换成字符串，逗号分隔每一项	返回一个字符串
join(‘分隔符’)	方法用于把数组中的所有元素转换为一个字符串	返回一个字符串

  <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>