写代码啦
JS数组的简单语法介绍
回复数(0) 浏览数(16)
{{topic.upvote_count || 0}} 编辑 回复

直接创建数组

let 数组名 = [值1,值2,值3...]
let 数组名 = new Array [值1,值2,值3...]
如:
创建一个arr数组,里面的值分别是1,2,3
javascript
let arr = [1,2,3]
let arr = new Array(1,2,3)

创建一个arr数组,它的长度是3
javascript
let arr = new Array(3)

转化为数组

数组名.split('分隔符')
如:
```javascript
let str = '1,2,3'
str.split(',')

let str2 = '123'
str.split(' ')
```
上面两种方法均可以转换为['1','2','3']

Array.from('数字串')
javascript
Array.from(123)

会将数字转换为字符串,['1','2','3']

合并数组

数组1.concat(数组2)
javascript
arr1.concat(arr2)

伪数组

这种很类似数组但是,它并不是实际意义上的数组,它的原型直接指向了对象。
javascript
array = { 0: '1' , 1: '2' , 2: '3' , length: 3 }

修改数组元素

  • 删除
    delete arr['数组下标'] 和 直接改length都可以打到删除元素的效果。但还是都不推荐,比较推荐下面的方法
  • 删除最前面的元素
    arr.shift()
  1. 删除最后面的元素
    arr.

  2. 删除/添加/修改中间的元素
    arr.splice(开始位置,删除个数)
    arr.splice(开始位置,删除个数,添加个数)

  • 添加
  • 在头部添加元素
    ```javascript
    arr.unshift(9)

arr.unshift('a','b','c')
```

  1. 在尾部添加元素
    ```javascript
    arr.push(9)

arr.push('a','b','c')
```

  1. 在中间添加
    javascript arr.splice(开始位置,0,元素1,元素2)

查看数组元素

Object.keys(arr) —— 查看arr数组的所有key
Object.values(arr) —— 查看arr素组的所有values

使用for循环来查看所有元素
javascript
for(let i = 0; i< arr.length; i++){
console.log(`${i} : ${arr[i]}`)
}

使用arr.forEach()查看所有元素
```javascript
arr.forEach( function(x){
console.log(x)
})

arr.forEach( function(x, y){
console.log(${y} : ${x})
})
```

查看数组当个元素,有则返回该元素下标,没有则返回-1
javascript
arr.indexOf(查找的元素)

反转数组

reverse会改变原数组,并将数据反转
javascript
arr.reverse()

将数组元素进行排序

sort默认从小到大
javascript
let arr = [4,15,1,2,5,8]
arr.sort()

从大到小
返回值为-1则小,返回0则一样大,返回1则大
javascript
arr.sort(function(a,b){
if(a>b){
return -1
}else if(a===b){
return 0
}else{
return 1
}
})

{{topic.upvote_count || 0}}

直接创建数组

let 数组名 = [值1,值2,值3...]
let 数组名 = new Array [值1,值2,值3...]
如:
创建一个arr数组,里面的值分别是1,2,3
javascript
let arr = [1,2,3]
let arr = new Array(1,2,3)

创建一个arr数组,它的长度是3
javascript
let arr = new Array(3)

转化为数组

数组名.split('分隔符')
如:
```javascript
let str = '1,2,3'
str.split(',')

let str2 = '123'
str.split(' ')
```
上面两种方法均可以转换为['1','2','3']

Array.from('数字串')
javascript
Array.from(123)

会将数字转换为字符串,['1','2','3']

合并数组

数组1.concat(数组2)
javascript
arr1.concat(arr2)

伪数组

这种很类似数组但是,它并不是实际意义上的数组,它的原型直接指向了对象。
javascript
array = { 0: '1' , 1: '2' , 2: '3' , length: 3 }

修改数组元素

  • 删除
    delete arr['数组下标'] 和 直接改length都可以打到删除元素的效果。但还是都不推荐,比较推荐下面的方法
  • 删除最前面的元素
    arr.shift()
  1. 删除最后面的元素
    arr.

  2. 删除/添加/修改中间的元素
    arr.splice(开始位置,删除个数)
    arr.splice(开始位置,删除个数,添加个数)

  • 添加
  • 在头部添加元素
    ```javascript
    arr.unshift(9)

arr.unshift('a','b','c')
```

  1. 在尾部添加元素
    ```javascript
    arr.push(9)

arr.push('a','b','c')
```

  1. 在中间添加
    javascript arr.splice(开始位置,0,元素1,元素2)

查看数组元素

Object.keys(arr) —— 查看arr数组的所有key
Object.values(arr) —— 查看arr素组的所有values

使用for循环来查看所有元素
javascript
for(let i = 0; i< arr.length; i++){
console.log(`${i} : ${arr[i]}`)
}

使用arr.forEach()查看所有元素
```javascript
arr.forEach( function(x){
console.log(x)
})

arr.forEach( function(x, y){
console.log(${y} : ${x})
})
```

查看数组当个元素,有则返回该元素下标,没有则返回-1
javascript
arr.indexOf(查找的元素)

反转数组

reverse会改变原数组,并将数据反转
javascript
arr.reverse()

将数组元素进行排序

sort默认从小到大
javascript
let arr = [4,15,1,2,5,8]
arr.sort()

从大到小
返回值为-1则小,返回0则一样大,返回1则大
javascript
arr.sort(function(a,b){
if(a>b){
return -1
}else if(a===b){
return 0
}else{
return 1
}
})

16
回复 编辑