JS数组方法使用详解

数组是什么

  • 数组是一种用于存储多个值的数据类型。
  • 数组是一种由简单数据类型组成复杂数据类型。
  • 从形式上讲,数组是由方括号包裹的多个值。其中每个值称为数组元素。

示例:数值数组

[1, 2, 3, 4, 5]

示例: 字符串数组

['a', 'b', 'c', 'd', 'e']

示例:混合型数组

['zhangsan', 19, false, undefined, null,['游泳', '足球', '篮球']]

数组元素:数组中的每一个值,我们称为数组元素

创建数组的方法

直接量法

构造函数法

数组的特点

  • 数组是有序排列的,且无类型。
  • 数组可以存储不同类型的数据
  • 数组属于引用类型的变量,数组中的默认存储值是undefined
  • 数组长度可变

如何访问数组

如何遍历数组

array.length

array.isArray()

定义
Array.isArray()`方法用于检测是否是数组。

语法

Array.isArray(value)
  • value: 要检测的值

返回值

  • true :如果是数组,返回true
  • false :如果不是数组,返回false

示例(原则:用最简单的例子呈现知识点原理)

var str = 'hello world'
var arr = [1,2,3]
console.log(Array.isArray(str)) // false
console.log(Array.isArray(arr)) // true

array.push()

定义
push() 方法向数组末尾添加新元素,并返回新长度。

语法

array.push(item1, item2, ..., itemX)
  • item1: 要添加的新项目

返回值

  • 数值,表示数组的新长度。

示例

var arr = ['red','orange','yellow','pink']
arr.push('blue') // 5
arr.push('black','green') // 7
console.log(arr) // ['red','orange','yellow','pink','blue','black','green']

array.unshift()

定义
unshift()方法将新元素添加到数组的开头,并返回新的长度。

语法

array.unshift(item1, item2, ..., itemX)
  • item1: 要添加的新项目

返回值

  • 数值,表示数组的新长度。

示例

var arr = ['red','orange','yellow','pink']
arr.unshift('blue') // 5
arr.unshift('black','green') // 7
console.log(arr) // ['black','green','blue','red','orange','yellow','pink']

array.pop()

定义
pop()方法移除数组的最后一个元素,并返回该元素。

语法

array.pop()
  • 无参数

返回值
返回删除元素。

示例

var arr = [1,2,3]
var str = arr.pop()
console.log(str) // 3

array.shift()

定义
shift()方法移除数组的第一项。

语法

array.shift()
  • 无参数

返回值
返回删除元素。

示例

var arr = [1,2,3]
var str = arr.shift()
console.log(str) // 1

arr.reverse()

定义
reverse()方法反转数组中元素的顺序。

语法

array.reverse()
  • 无参数

返回值
数组,表示反转后的数组。

示例

var arr = [1,2,3,4,5]
arr.reverse()
console.log(arr) // [5,4,3,2,1]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容