网站首页 > 教程文章 正文
基本数据类型
- Boolean
- Null
- Number
- String
- Symbol
- Undefined
对象数据类型Object
Array
- 定义:JavaScript数组是内置的对象之一,它可以用一个变量来存储多个同种类型或不同类型的值。
- 构造方法
- var newArr = new Array(values);
- var newArr = [values];
- Array.isArray(arr)
- arr instance of Array
- 栈(stack) 后进先出(LIFO), 操作:进栈arr.push(element), 出栈arr.pop(element)
- 队列(queue) 先进先出(FIFO), 操作:入队arr.shift(element), 出队arr.unshift(element)
- 反序. arr.reverse
- 正序. arr.sort(compare). 若是字母,arr.sort默认按字母表顺序排列; 若是数字数字字符串,可以通过设置compare函数返回值来升序或降序排列。
function compare(a, b) { return a - b; //升序, return b - a 为降序 }
var newArray = currentArray.concat(arr1, arr2);
其中 arr1和arr2可以是字符串或者数组
二者皆有切片功能,即把数据的某部分切下来放到另一个数组里。不同的是slice只是把原数组的内容复制到另一个数组,并不会影响原数组,而splice则会影响原数组。打个比方,slice就像一台扫瞄仪,只扫描信息,不损坏原来信息;而splice像一个影片剪辑,会对剪辑的影片进行剪掉或拼接。两者的最后一个参数都是可选的,slice默认count为currArr.length - index, 而splice默认insertElement为空.
slice用法:var newArr = currArr.slice(index, count) 结果是把currArr从index开始之后的count个元素扫描到newArr;
splice用法:var newArr = currArr.splice(index, count, insertElement) 结果是把currArr从index开始之后count个元素剪掉放到newArr里。
arr.indexOf(element) 从arr[0]开始找出element所在位置
arr.lastIndexOf(element) 从arr[arr.length-1] 开始找出element的位置。
- every. var result = currArr.every(function(element, index, array){ return ... }); result类型为Boolean
- some. var result = currArr.some(function(element, index, array){ return ... }); result类型为Boolean
- map var result = currArr.map(function(element, index, array){ return ... }); result类型为Array
- filter var result = currArr.every(function(element, index, array){ return ... }); result类型为Array
- forEach 无返回值
- reduce 用法 var result = currArr.reduce(pre, curr, index, array){return pre+curr;} 从currArr[0]开始求数组元素之和
- reduceRight 用法 var result = currArr.reduceRight(pre, curr, index, array){return pre+curr;} 从currArr[currArr.length - 1]开始求数组元素之和
- 两者结果相同
- 上一篇: 一文吃透 Vue3 组件的 16 个生命周期
- 下一篇: js基础面试题92-130道题目
猜你喜欢
- 2025-05-23 JavaScript巩固基础每日随记之[数组]
- 2025-05-23 你应该掌握的 10 种 JavaScript 对象处理技巧
- 2025-05-23 更简单的Vue3中后台动态路由 + 侧边栏渲染方案
- 2025-05-23 2023:Js中新增四个不修改原数组的方法
- 2025-05-23 常见vue面试题,大厂小厂都一样
- 2025-05-23 在vue实现element ui中的card(卡片中)使用多选和分页
- 2025-05-23 js数组常用方法总结
- 2025-05-23 php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒
- 2025-05-23 关于数组的操作方法
- 2025-05-23 javascript基础入门
- 05-25干货 | 一步步部署 Flask 应用
- 05-25别再去找Docker命令了,你要的常用的全都在这
- 05-25如果您删除Windows11上的“Program Files”文件夹会发生什么?
- 05-25家用nas最常用的docker容器及部署方法
- 05-25你好 dotnet run file, 再见 csproj
- 05-25China committed to continuing contributions to global health: delegation
- 05-25Chinese, German experts urge cooperation during Eurasia relations seminar
- 05-25Peace of paramount importance for region
- 最近发表
-
- 干货 | 一步步部署 Flask 应用
- 别再去找Docker命令了,你要的常用的全都在这
- 如果您删除Windows11上的“Program Files”文件夹会发生什么?
- 家用nas最常用的docker容器及部署方法
- 你好 dotnet run file, 再见 csproj
- China committed to continuing contributions to global health: delegation
- Chinese, German experts urge cooperation during Eurasia relations seminar
- Peace of paramount importance for region
- after和in用法解析
- China's top diplomat to chair third China-Pacific Island countries foreign ministers' meeting
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- mybatis plus page (35)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)
- http method (35)
- js array splice (33)