js基础——数组的概念及其方法
数组:
概念:是一种特殊的对象。
与普通对象的区别:a.普通对象使用字符串作为属性名,而数组使用数字作为索引来操作元素;
b.数组的存储性能比普通对象好
数组的标志:[ ]
数组的索引:是从0开始的整数;
数组的长度:arr.length。对于连续的数组,使用length属性可获取数组的长度,而非连续的数组,使用length获得的是数组的最大索引+1
创建数组对象:构建函数法:var arr = new Array() ——当小括号里为一个数时,默认是该数组的长度;
字面量创建数组:var arr = [];
Tip:数组中的元素可以是任意类型,包括对象、函数
数组的方法:
push():向数组的末尾添加一个或多个元素,并返回数组新的长度
可以将要添加的元素作为方法的参数传递,这样这些元素会自动添加到数组末尾
pop(): 删除数组的最后一个元素并且返回被删除的元素
unshift():向数组的开头添加一个或多个元素并返回新的长度
shift() :删除数组第一个元素并将被删除的元素作为返回值
sort():对数组的元素进行排序:arr.sort(function(a,b)){return b-a};
b-a为降序,a-b为升序
revere():倒序,与sort相反
splice():替换、插入、删除;会影响到原数组,将被删除的值返回;
arr.splice(m,n,data1,data2)——从m开始,共n个,替换成data2
slice():截取,不改变原数组;
arr.slice(m,n);m为开始位置,n为结束位置
假如n不写,截取到的则是从m到最后;假如n为-1,则从倒数开始截取
concat():可以连接两个或多个数组,并将新的数组返回,不对原数组造成影响
var result = arr.(arr2,arr3);或者 arr.concat(arr2,"123");
join():将数组连接转成字符串,对原数组无影响
join可以将指定字符串作参数,这个字符串将成为数组元素中的连接符
ES5新增的数组方法:
forEach():遍历数组,需要一个函数作为参数(value,index,object)
数组中有几个元素就会执行几次,每次执行时,浏览器会将遍历到的元素以实参的形式传递进来,我们可以定义形参来读取内容
map():遍历当前数组,然后调用参数中的方法,返回当前方法的返回值
filter():同map()一样,但是返回值为布尔值true时,才返回数据,过滤筛选,组成新的数组返回
every():遍历数组,函数对每一项都返回true才返回true
some():其中一项返回true,则true(返回true后不在循环)
indexOf():返回指定value的索引位置
lastIndexOf():从后往前找,但索引值不变
reduce():迭代,收敛;返回值是最后一次函数调用时的返回值,不写true时,默认返回underfined
reduceRight():与reduce相反
整理所学,如果错误,还望指出。
js基础——数组的概念及其方法的更多相关文章
- JS基础——数组总结
JS中数组被觉得是一种对象,慢慢的,怎么忽然感觉,JS中仅仅要能够独立出来的概念怎么都能够当成对象来解释呢?有点儿怀疑.继续学吧.先来总结一下JS中数组是怎样详细使用的. 一.创建 数组的创建在JS中 ...
- 【Javascript】JS遍历数组的三种方法:map、forEach、filter
前言 近一段时间,因为项目原因,会经常在前端对数组进行遍历.处理,JS自带的遍历方法有很多种,往往不加留意,就可能导致知识混乱的现象,并且其中还存在一些坑.前端时间在ediary中总结了js原生自带的 ...
- js删除数组中元素的方法
一.清空数组 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 [],空数组,即被清空了 二.删 ...
- js基础-数组及数据类型
数组也是引用类型 构造函数创建数组 Object 构造函数类型(所有类型基类) Array 构造函数类型 求幂运算符 ** 2**32-1 数组容量最大 arry.length 如果减小len ...
- JS基础语法---Array对象的方法
Array对象的方法 Array.isArray(对象)---->判断这个对象是不是数组 instanceof关键字 判断对象是不是数组类型:两种方法: //1 instanceof var ...
- js基础---数组方法
数组数据的排序及去重 sort无形参的排序方式 arr1=[2,12,3,15]; var a=arr1.sort();console.log(arr1);console.log(a);//排序会改变 ...
- JS合并数组的几种方法及优劣比较
本文属于JavaScript的基础技能. 我们将学习结合/合并两个JS数组的各种常用方法,并比较各种方法的优缺点. 我们先来看看具体的场景: var q = [ 5, 5, 1, 9, 9, 6, 4 ...
- js中数组遍历常用的方法
常见的数组遍历方法,比如 for in,for of, forEach,map,filter,every,some,find,reduce等 1,普通for循环,经常用的数组遍历 var arr = ...
- JS中数组和字符串的方法大全
数组的方法很多,ECMScript5又提供了好几种方法.有空把之前的云上的笔记整理了一下,方便自己以后查找使用. 一.ECMScript 3的Array.prototype中定义的方法 1.join( ...
随机推荐
- scala 递归读取文件夹下所有的指定后缀的文件
def getFile(file:File): Array[File] ={ val files = file.listFiles().filter(! _.isDirectory) .filter( ...
- Mac 解决终端:-bash: /Users/xxx/.profile: No such file or directory
touch ~/.profile加入export PATH=/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin 参考:https://www.zhihu.com/ ...
- python 根据时间戳获取秒🐱
print("当前时间: ",time.strftime('%Y.%m.%d %H:%M:%S ',time.localtime(time.time()))) import tim ...
- selenium鼠标下滑操作
# coding = utf-8 import time from selenium import webdriver from selenium.webdriver.common.by import ...
- [端口安全]Hydra密码爆破
目录 0x01 简介 0x02 常见参数 0x03 使用案例 0x04 密码字典 0x01 简介 Hydra中文名:九头蛇,这是一款相当强大的爆破工具,它基本支持了所有可爆破协议,而且容容错率非常好 ...
- Struts框架----进度1
一.Struts的理解 1.struts是一个按MVC模式设计的web层框架,其实它就是一个大的Servlet:ActionServlet,或者是ActionServlet的子类.在web.xml文件 ...
- Java 面向对象(十四)
反射 反射是框架设计的灵魂 一.类的加载时机 当程序要使用某个类时,如果该类还未被加载到内存中,系统会通过加载,连接,初始化三步来实现对这个类进行初始化. 加载 :就是指将class文件读入内存,并为 ...
- php手记之05-tp5模型操作数据库
# 实例化模型 // $user = new User; // $user1 = new User(); // $user2 = model('user'); // 添加一条数据 # 方法1 // $ ...
- Postgresql修改字段的长度
alter table tbl_exam alter column question type character varing(1000); alter table tbl_exam alter c ...
- npm package.json配置整理
通过npm init 创建 package.json文件 参数: name:项目名字 version: 版本号 description: 项目介绍 main: 项目的入口文件 scripts: npm ...