JS基础3，瞬间高大上了

最后更多分享：前端字节跳动真题解析

• 

开源分享：docs.qq.com/doc/DSmRnRG…

定义：存储一系列有序数列的集合

---

数组创建

• 构造函数：

new Array()

var arr=new array()

• 字面量

var arr=[]//空数组

注：访问数组元素索引号-数组下标（每个数组元素对应一个索引号，数组元素索引号从0开始）

数组常用方法

---

语法：数组名.方法()

| 数组名 | 用法 |

| :-: | :-- |

| push() | 数组添加元素 |

| unshift() | 最前面插入元素 |

| pop() | 删除元素最末尾 |

| shift() | 删除元素最前面 |

| splice() | 删除数组任意元素 |

| sort() | 排序数组 |

| concat() | 数组拼接 |

| indexof（） | 返回数字索引号 |

| findeIndex | 返回数字索引号 |

| join() | 把数组每一项链接起来，成为字符串 |

| includes() | 检测数组里是否包含括号中内容 |

| reverse | 反转数组 |

注：

splice（1,2,3）表示有三个值，第一个表示删除元素索引号，第二个表示删除长度，第三个替换元素

sort（function(a,b){return a-b})表示正常排序，也就是字典顺序

sort（function(a,b){return b-a})表示反向排序

indexof（）如果元素不存在，返回-1

示例代码

数据类型之间存储

---

1. 基本数据变量存储在栈区域

2. 引用变量存储在栈区域

3. 复杂数据类型存储在堆区域

遍历函数

---

1. for循环

var arr=[98,78,58,90,95,49]

for(i=0;i<arr.length;i++){

console.log(arr[i])

//结果98,78,58,90,95,49

}

2. forEach:遍历输出

var arr =[98,78,58,90,95,49];

arr.forEach(function(item,index,arr){

console.log(item,index)

})

//结果 98 0

78 1

58 2

90 3

95 4

49 5

3. map：遍历输出

注：与forEach区别在于输出一个新的数组

4. filter:按条件过滤输出

function fun1_1(){

var arr =[98,78,58,90,95,49];

var newArr=arr.filter(function(item){

return item>=60;

//判定条件大于60输出

})

console.log(newArr)

}

fun1_1()

//结果98,78,90,95

5. find:也可按条件过滤，但只返回第一个满足条件的值

function fun2_1(){

var arr =[98,78,58,90,95,49];

var newArr=arr.find(function(item){

return item<60;

})

console.log(newArr)

}

fun2_1()

//结果58

6. some:数组中只要有一个，返回true

function fun5_1(){

var arr =[98,78,58,90,95,49];

let newArr=arr.some(function(item){

return item<60;

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：