IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Js数组对象学习 9/08 持续更新 -> 正文阅读

[JavaScript知识库]Js数组对象学习 9/08 持续更新

JavaScript 数组对象(部分)

数组的增删改查

  • .pop():从数组尾部删除一个元素
var arr=["arr1","arr2","arr3","arr4"];
arr.pop();
  • .shift():从数组头部删除一个元素
var arr=["arr1","arr2","arr3","arr4"];
arr.shift();
  • .push(参数1,参数2…): 在尾部添加元素;
    (参数为要添加的元素)
var arr=["arr1","arr2","arr3","arr4"];
arr.push("newArr1","newArr2","newArr3");
  • unshift(参数1,参数2…):在头部添加元素
    (参数为要添加的元素 返回值为新数组长度length)
var arr=["arr1","arr2","arr3","arr4"];
arr.unshift("newArr1","newArr2","newArr3");
  • splice(参数1,参数2,参数3…参数x):从数组中添加或者删除元素
    参数1:必需整数,规定删除/添加元素的从哪个下标开始。
    参数2:必需整数,规定删除/添加的元素个数,若为0 则不删除元素;
    参数3-参数x:可选,从参数1开始的位置添加新元素;
    返回值为被删除或者添加的元素所组成的数组
    多个参数之间用逗号隔开。
var arr=["arr1","arr2","arr3","arr4"];
arr.splice(2,2);//从下标2开始删除2个元素 返回被删除的元素;
arr.splice(2,0,"newArr1","newArr2");//从下标2开始,删除0个元素,添加newArr1,newArr2元素,返回添加的元素;
  • .slice(参数1,参数2):截取数组
    参数1:开始截取的下标位置,可以为负数;
    参数2:结束截取的位置(不包含参数2),若省略则截取到数组的尾部,可以为负数;
    参数1要小于等于参数2(不含负值)
    返回值:截取到的数组;
var arr=["arr1","arr2","arr3","arr4"];
arr.slice(1,2);//从数组下标1开始截取2个元素 返回的值为"arr2";
  • .forEach(function(参数1,参数2,参数3){函数体});或者采用箭头函数:.forEach((参数)=>{函数体});
    该函数专用来做数组遍历,至少本人是这样的。
var arr=["arr1","arr2","arr3","arr4"];
arr.forEach((item,index,list)=>{
		//item :遍历的每一个数组;
		//index:数组下标;
		//list:数组
		//无返回值
});
  • .map(function(参数1,参数2,参数3){ 函数体})或者.map((参数)=>{函数体})
    该函数不会对空数组进行检测,不会对数组顺序进行修改;
    返回值为数组,返回的新数组跟原数组为一一映射的关系;
var arr=["50","60","70","80"];
arr.map((item,index,list)=>{
	//item:遍历的每一个元素
	//index:数组下标
	//list:数组
});
  • .reduce((total,item,index,list)=>{函数体},初始值); 迭代求和
    total: 必需 初始值 或者是计算后的初始值;
    item:遍历的每一个元素;
    index:元素对应下标;
    list:数组
//举个栗子
var sum = arr.reduce((total,item)=>{
	return total+item //数组迭代求和
});
  • .join(参数); 将数组所有的元素放入一个字符串中;
    参数:可选 分隔符 比如"-" " 。“等,如不写默认为’ , '逗号;
    若为空串,arr.join(”");则没有分隔符;
    返回值为拼合后的字符串;
var arr=["arr1","arr2","arr3","arr4"];
var newArr = arr.join("");
//返回值为newArr = "arr1arr2arr3arr4";
  • .reverse(); 颠倒数组中元素的顺序;
    返回值为颠倒后的新数组
var arr=["arr1","arr2","arr3","arr4"];
var newArr = arr.reverse();
//返回值为 newArr = ["arr4","arr3","arr2","arr1"];

好了,累了,今天就到这了,告辞;

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-09 11:39:18  更:2021-09-09 11:39:59 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/27 20:24:19-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计