javascript--数组方法使用详解

数组是什么？

答：1.数组是数据的一种数据类型；
2.数组是由简单数据类型组成的复杂数据类型

创建数组的方法？

1.创建数组直接量

2.构造函数法

数组的特点？

数组是有索引的
1.数组的最后一个元素的索引是array.length - 1
2.数组第一个元素是0
3.Array第一个索引是1
4.以此类推

复制数组是复制数组地址

简单数据类型是复制值(内存中的值)
复杂数据类型是复制址(内存中的地址)

示例：

const str1 = 'hello'
const str2 = 'hello'
console.log(str1 === str2) // true

比较数组是比较数组地址

简单数据类型是比较值(内存中的值)
复杂数据类型是比较址(内存中的地址)

示例：

const arr2 = ['田亮','杜星志','陈有红','蒋习柳']
console.log(arr1 == arr2) // false

如何访问数组？

使用[]访问数组

如何遍历数组？

定义：把数组里的元素都遍历一遍

语法：for(var i = 0; i < arr.length; i++){

    arr 是要遍历的[数组]
    arr[i] 是遍历的数组的元素

i 是数组的元素对应的下标(索引号)

}
返回值：返回遍历后数组的原值

示例：

 const arr = [1, 2, 3]
         const arr2 = []
        for (i = 0; i < arr.length; i++) {
        //     //i=0
        //     //  arr2[0] = arr[0] + 3
        //     //i=1
        //     //  arr2[1] = arr[1] + 3
        //     //i=2
          arr2[3]= arr[3] + 3
         arr2[i] = arr[i] + 3
        }
打印结果
        console.log(arr)
    Array(3) [ 1, 2, 3 ]

数组的length属性？

[]空数组的length为0
length-1：是任何数组最后的元素
答：1.length属性是一个数据属性。

Array.length（）

定义：返回数组长度
语法：（主要）数组，length属性，没有参数。
返回值：返回数组长度

Array.isArray（）

定义：方法用于检测是否是数组

语法:

Array.isArray(value)

-value:要检测的值

返回值：如果是返回 true，如果不是返回false。

示例（原则：用最简单的例子，去解释你的知识点）

var str='hello wolrd'
var str =[1,2,3]
打印结果
 console.log(Array.isArray(str))//true
console.log(Array.isArray(str))//false

Array.push

定义：向数组的末尾添加一个或多个元素.

注意：新元素将添加在数组的末尾。

注意：此方法改变数组的长度。

语法：

array.push(tem1,item2,....,itemX)

返回值：并返回新的数组长度。

示例：

 var arr = [1, 2, 3]
arr push(4)//4
arr.push(4,5,6)//7
打印结果
 console.log(arr)
Array(4) [ 1, 2, 3]
Array(7) [ 1, 2, 3, 4, 4, 5, 6 ]

Array.pop()

定义：从末尾删除数组长度减（1）

返回值：返回它删除的元素的值

语法：
参数-无
示例：

var  arr=[1,2,3]
var str=arr.pop
console.log(arr.length)
//打印结果3

Array.unshift() 方法

定义:将新的元素项添加到数组的开头

返回值：并返回新的数组长度。

语法：

array.unshift(item1, item2, ..., itemX)
item1：要添加的元素
item2：一次可以添加多个元素，多个元素之间用逗号隔开

示例：

var arr = [1, 2, 3]
        arr.unshift(1,2)
        console.log(arr)
打印结果Array(5) [ 1, 2, 1, 2, 3 ]

Array.shift()

定义:移除数组的第一项。

返回值：返回值是被移除的项目(值)

语法：

array.unshift(item1, item2, ..., itemX)
item1：要添加的元素
item2：一次可以添加多个元素，多个元素之间用逗号隔开

示例：

  var arr = [1, 2, 3]
        arr.shift(1,2)
        console.log(arr)
打印结果Array [ 2, 3 ]

Array.reverse()

定义：让数组从后往前倒叙排列的项（颠倒顺序）
语法：没有参数
返回值：反转后的数组

示例：

 var arr =[1,2,3]
  arr.reverse()
  console.log(arr)

打印结果Array(3) [ 3, 2, 1 ]

array.sort()

定义：数组的项目进行排序。比较两个值时，将值发送给比较函数
语法：array.sort(compareFunction)

sort() 方法比较两个值时，将值发送给比较函数，
比较函数应返回负值、零值或正值。例如：function(a, b){return a-b}
根据返回的（负、零、正）值对值进行排序。

返回值:排序后的原数组
示例1

var arr = [40,60,50] 
arr.sort(function(a,b){
  return a > b 
})
console.log(arr) // [40,50,60]

示例2：

var arr = [40,60,50] 
arr.sort(function(a,b){
  return a < b 
})
console.log(arr) // [60,50,40]

示例3*：

var arr = [40,60,50] 
arr.sort(function(a,b){
  return a = b 
})
console.log(arr) // [40,60,50]

该函数计算 40-100，并返回 -60（负值）。

sort 函数会将 40 排序为小于 100 的值。

array.join()

定义:将数组的所有元素连接成一个字符串
语法： array.join(separator)
//参数separator 描述：可选。要使用的分隔符。元素将由指定的分隔符分隔。默认分隔符是逗号 (,).

返回值:字符串值，表示数组值，由指定的分隔符分隔
示例：

var arr = ["1", "2", "3", "4"];
var str = arr.join("|");//返回：1|2|3|4

array.concat()

定义：用于连接两个或多个数组。
concat() 方法不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值。
语法：
array1.concat(array2, array3, ..., arrayX)
返回值:array2, array3, ..., arrayX 必须有参数。参数连接数组。
示例：

连接三个数组：
var sedan = [1, 2];
var SUV = [3, 4, 5];
var wagon = [6, 7, 8];
var Volvo = sedan.concat(SUV, wagon);//返回 [1,2,3,4,5,6,7,8]

array.indexOf()

定义：返回指定字符的索引
语法：array.indexOf(item, start)
参数：
item 必需。要搜索的项目。
start 可选。从哪里开始搜索。负值给定的位置将从结尾计数，然后搜索到最后。
返回值:
如果未找到该元素，则 indexOf() 返回 -1。
如果该项目出现多次，则 indexOf() 方法返回第一次出现的位置
示例：

var a =arr.indexOf(1);//返回0

array.slice()

定义：提取指定数组里的一节数组，并成为新的数组
语法：array.slice(start, end)
参数：

start ：可写。整数，指定从哪里开始选择（第一个元素的索引为 0）。
使用负数从数组的末尾进行选择。如果省略，则类似于 "0"。

end ：可写。整数，指定结束选择的位置。
如果没有写，将选择从开始位置到数组末尾的所有元素。使用负数从数组末尾进行选择。

返回值:新的数组，包含选定的元素。
示例：

var arr1 =arr.slice(-3, -1);//返回3,4```