08-数组中常用的属性及方法
08-数组中常用的属性及方法
创建:
使用 JavaScript 关键词 new
使用数组文本创建
//数组中的方法:
toString()
把数组转换为数组值(逗号分隔)的字符串。
join()
方法也可将所有数组元素结合为一个字符串 可以自定义分隔符
//添加新元素
unshift()
方法(在开头)向数组添加新元素
push()
方法(在数组结尾处)向数组添加一个新的元素
//删除元素
pop()
方法从数组中删除最后一个元素 pop()返回的是被弹出的值
shift()
方法会删除首个数组元素,并把所有其他元素“位移”到更低的索引 返回的是被弹出的值
//修改元素
splice()
方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组
//arr5.splice(位置,删除的个数,添加的新元素)
slice()
返回一个新的数组,包含从 start 到 end (不包括该end元素)的 arrayObject 中的元素
slice()见js文件:返回的是选定的元素,该方法不会修改原数组
//合并数组
concat()
方法用于连接两个或多个数组 该方法不会改变原有的数组
//sort()
排序
//reverse()
方法用于颠倒数组中元素的顺序 会改变原数组
//遍历数组
for循环
遍历
forEach()
方法用于调用数组的每个元素,并将元素传递给回调函数
//筛选数组
filter()
对数组的每一项都运行给定的函数,返回 结果为 ture 的项组成的数组
every()
对数组的每一项都运行给定的函数,每一项都返回 ture,则返回 true
//每一项都满足条件时返回true,只要有一个不满 足返回false
some()
只要有一个满足返回true,都不满足返回false
reduce()
乞丐要饭(类似累加)
//使用 JavaScript 关键词 newvar color= new Array("red", "blue", "green");
//使用数组文本创建var color2 = ["red", "blue", "green"];
//数组中的方法:
//toString() 把数组转换为数组值(逗号分隔)的字符串。var arr1 = ["red", "blue", "green"];arr1.toString(); //"red,blue,green"
//join() 方法也可将所有数组元素结合为一个字符串 可以定义分隔符var arr2 = ["red", "blue", "green"];console.log(arr2.join(":")) //red:blue:greenconsole.log(arr2.join(" ")) //red blue green
//添加新元素
//unshift() 方法(在开头)向数组添加新元素 var arr3 = ["red", "blue", "green"];arr3.unshift("abc");//["abc", "red", "blue", "green"]
//push() 方法(在数组结尾处)向数组添加一个新的元素arr3.push("xyz"); //["abc", "red", "blue", "green","xyz"]
//删除元素
//pop() 方法从数组中删除最后一个元素 pop()返回的是被弹出的值var arr4 = ["red", "blue", "green"];arr4.pop(); //"green" arr4 ======["red", "blue"] //shift() 方法会删除首个数组元素,并把所有其他元素“位移”到更低的索引 返回的是被弹出的值arr4.shift();//"red"
//修改元素
//splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组var arr5 = [5,6,7,8];// arr5.splice(位置,删除的个数,添加的新元素)arr5.splice(1,1); //删除了6 arr5 的结果是[5,7,8]arr5.splice(1,0,9);//arr5 的结果是[5, 9, 6, 7, 8]arr5.splice(1,2,3);//arr5 的结果是 [5, 3, 8] //slice()返回一个新的数组,包含从 start 到 end (不包括该end元素)的 arrayObject 中的元素var arr6 = [5,6,7,8];arr6.slice(1,3) //[6, 7]//arr6 仍然还是[5,6,7,8]; 返回的是选定的元素,该方法不会修改原数组
//合并数组//concat() 方法用于连接两个或多个数组 该方法不会改变原有的数组var arr7 =[1,2,3];var arr8 = [4,5,6];var arr9 = arr7.concat(arr8);//arr9 [1, 2, 3, 4, 5, 6]
//sort()排序var arr10 =["red", "blue", "green"];arr10.sort(); // ["blue", "green", "red"]var arr11 = [1,10,5,12,4,9,22];arr11.sort();// [1, 10, 12, 22, 4, 5, 9]按照第一个数字排序的
//reverse() 方法用于颠倒数组中元素的顺序 会改变原数组arr11.reverse();// [22, 9, 4, 12, 5, 10, 1] //遍历数组//for循环遍历var arr12 =["red", "blue", "green"];var str = ""; for(var i = 0;i < arr12.length;i++){str += "<p>"+arr12[i]+"</p>";};
//forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。var arr13 =[1,2,3]; var a14=[];arr13.forEach(function(item,index){a14.push(item+1); //2 3 4});//筛选数组
//filter()对数组的每一项都运行给定的函数,返回结果为 ture 的项组成的数组var arr15 = [2,3,5,6,7,18,9]; var a15 = arr15.filter(function(item,index){return item > 5; //满足的条件 大于5的结果[6, 7, 18, 9]});
//every()对数组的每一项都运行给定的函数,每一项都返回 ture,则返回 true
//每一项都满足条件时返回true,只要有一个不满 足返回false var a16 = arr15.every(function(item,index){//return item >5; //必须要求每一个数字都>5才会返回true 否则返回false return item>1; //true});
//some() 只要有一个满 足返回true,都不满 足返回falsevar a17 = arr15.some(function(item,index){//return item >5; //只要有一个满 足了条件,返回true return item==0; //false 都不满足 返回false});
//reduce()乞丐要饭(类似累加)var arr15 = [2,3,5];var a18 = arr15.reduce(function(total,cur){return total+cur},10); //10表示从total初始值是10,从10开始累加console.log(a18) //20
08-数组中常用的属性及方法相关推荐
- 数组中常用的高阶方法
一.操作方法 1.concat 如果传递的参数是一个数组或者多个数组,那么会将多个数组的每一个项都添加到原来的数组后面,然后返回这个数组,原数组不变. 例如: 2.slice slice方法接受两个参 ...
- java中常用的包、类、以及包中常用的类、方法、属性----sql和text\swing
java中常用的包.类.以及包中常用的类.方法.属性 常用的包 java.io.*; java.util.*; java.lang.*; java.sql.*; java.text.*; java.a ...
- JavaScript学习(六十六)—字符串对象常用的属性和方法总结以及数组元素的排序问题
JavaScript学习(六十六)-字符串对象常用的属性和方法总结以及数组元素的排序问题 学习内容 一.数组去重问题 二.二维数组的定义 三.二维数组的元素操作 四.二维数组的遍历 五.关联数组 六. ...
- FileStream常用的属性和方法:
对流进行操作时要引用 using System.IO; 命名空间 FileStream常用的属性和方法: 属性: CanRead 判断当前流是否支持读取,返回bool值,True表示可以读取 CanW ...
- php单词出现频率,PHP编程计算文件或数组中单词出现频率的方法
本文实例讲述了PHP编程计算文件或数组中单词出现频率的方法.分享给大家供大家参考,具体如下: 如果是小文件,可以一次性读入到数组中,使用方便的数组计数函数进行词频统计(假设文件中内容都是空格隔开的单词 ...
- dom对象常用的属性和方法有哪些?
dom对象常用的属性和方法有哪些? 一.总结 一句话总结: 1.document属性和方法:document的属性有head,body之类,方法有各种获取element的方法 2.element的属性 ...
- 前端:JS/25/DOM官方定义,DOM分类,HTML节点树(节点关系,节点类型,),核心DOM中公共的属性和方法(节点访问,查找DOM节点,节点属性,节点的创建,追加和删除)
DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...
- js 加总数组中某一列_js根据对象数组中某一属性值,合并相同项,并对某一属性累加处理...
js根据对象数组中某一属性值,合并相同项,并对某一属性累加处理 Example: 根据code合并数组,并将sl值累加,如下两种方法: let data = [{ code: 1001, name: ...
- getHibernateTemplate()(Spring中常用的hql查询方法)
Spring中常用的hql查询方法(getHibernateTemplate()) --------------------------------- 一.find(String queryStrin ...
最新文章
- Mysql-cobar集群安装部署手册
- LeetCode_树类
- RISC-V应用创新大赛开放报名啦!
- [转]基于 aspnet 的自动合并输出js和css的解决方案
- java正则表达式及api_Java API 之 正则表达式
- quercus mysql_让PHP运行在Glassfish中:quercus配置
- 为什么 c = tf.matmul(a, b) 不立即执行矩阵乘法?
- 【资源】100页机器学习入门完整版,初学者必备!
- 《Spring Boot实战》读书笔记
- 我的Android进阶之旅------Android实现音乐示波器、均衡器、重低音和音场功能
- 阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第2节 Stream流式思想概述_1_使用传统的方式,遍历集合,对集合进行过滤...
- matlab powf,科学网—MZDDE中操作数更正 - 张凯元的博文
- SAS Base备考
- 【修复收藏功能、更新登录接口】知识付费小程序、博客小程序、完整版开源源码、资源变现小程序
- python脚本编程:批量压缩图片大小
- CF1592B Hemose Shopping
- ANDROID 绘制 三角形 XML
- Android Intent Service Usage
- 网络七层结构(讲人话)
- 如何避免繁琐的会议?一种正确的会议的打开方式
热门文章
- 侧输出流简单应用-打印的完整流程
- kotlin学习之函数(二)
- pat 1025 反转链表
- 绝对布局优势_街电福建全场景布局持续深化,构建全时续电服务强化行业领先优势...
- java 字节码增强原理_深入浅出Java探针技术1--基于java agent的字节码增强案例
- native react 折线图_react native中使用echarts
- STM32 CAN错误管理
- 微型计算机最早出现在第三代计算机中,微型计算机最早出现在第三代计算机中。...
- oauth2 token为空拦截_feign之间传递oauth2-token的问题和解决
- python可视化神器_详解Python可视化神器Yellowbrick使用