HTML-JS 数组 内置对象

时间:2021-08-08 13:42:46

【JS中的数组】

1、数组的基本概念?
数组是在内存空间中连续存储的一组有序数据的集合
元素在数组中的顺序,称为下标。可以使用下标访问数组的每个元素
2、如何声明一个数组
① 使用字面量声明:var arr=[];
在JS中,同一数组可以存储各种数据类型。
例如:var arr=[1,"2",true,4,{}];
② 使用new关键字明,var arr= new Array(参数);
>>>参数可以是:
a.省略,表示创建一个空数组
b.参数为一个整数,表示声明一个length为指定长度的数组。
但是这个length可以随时可变,可追加。
c.参数为,分隔的多个数值表示数组的多个值。
new array(1,2,3)==[1,2,3]
3、数组中元素的读写/增删
① 读写:通过下标访问元素。下标从0开始。arr[1]="haha";
② 增删:
a.使用delete,关键字删除数组的某一个值,删除之后,数组的长度不变,对应的位置变为Undefined
eg:delete arr[1];
b.arr.pop()删除数组的最后一个值。相当于arr.length -= 1;
c.arr.shift();删除数组的第一个值;
d.arr.unshift(值):在数组的第0个位置新增一个值;
e.arr.push():在数组的最后一个位置新增一个值
f.直接访问数组没达到的下标,可以动态追加。
arr[100]=1;中间如果有空余下标,将存入Undefined.
4、数组中的其他方法
① join("分隔符号"):将数组用指定分隔符链接为字符串。当参数为空时,默认用逗号分隔;
② concat():【原数组不会被改变】,将数组将两个或多个数组的值链接为新数组;
concat链接时,如果有二维数组则之多能拆一层中括号
[1,2].concat([3,4],[5,6])->[1,2,3,4,5,6]
[1,2].concat([3,4,[5,6]])->[1,2,3,4,[5,6]]
③ push:数组最后增加一个,unshift:数组开头增加一个 --返回新数组的长度
pop():数组最后删除一个, shift():数组开头删除一个 --返回被删除的值
【上述方法均会改变原数组】
④ reverse():【原数组被改变】将数组翻转,倒序输出
⑤ slice(begin,end):【原数组不会被改变】,截取数组中的某一部分,并 返回截取的新数组
>>>传入一个参数,表示开始区间,默认将截到数组最后;
>>>传入两个参数,表示开始和结束的下标,左闭右开区间(包含begin,不含end)
>>>两个参数可以为负数,表示从右边开始数,最后一个值为-1
⑥ sort():【原数组被改变】,将数组进行升序排列
>>>默认情况下,会按照每个元素首字母的Ascii码值进行排列;
[3,1,5,12].sort()->[1,12,3,5]
>>>可以传入一个比较函数,手动指定排序的函数算法;
函数将默认接收两个值a,b 如果函数返回值>0,则证明a>b;
arr.sort(fucntion(a,b){
return a-b;//升序排列
return b-a;//降序排列
})
⑦ indexOf(value,index):返回数组中第一个value值所在的下标,如果没有找到,返回-1
lastIndexOf(value,index):返回数组中最后一个value所在的下标,如果没有找到,返回-1
>>>如果没有指定index,则表示全数组查找value
>>>如果指定了index,则表示从index开始,往后查找value
⑧ arr.forEach():专门用于循环遍历数组,接收一个回调函数,回调函数接收两个参数,第一个参数
为数组的每一项的值,第二个参数为下标(IE8之前不支持此函数)
arr.forEach(function(item,index){
console.log(item);
})
⑨ map():数组映射。使用方式与forEach相同,不同的是map可以有return返回值,表示将原数组的
每个值进行操作后返回给一个新数组(IE8之前不支持此函数)
arr.map(function(item,index){
console.log(item);
return item-1;
})
5、二维数组与稀疏数组(了解)
① 二维数组: 数组中的值,依然是一个数组形式。
eg:arr=[[1,2,3][4,5,6]];//相当于两行三列
读取二维数组:arr[行号][列号]
② 稀疏数组:数组中的索引是不连续的。(length要比数组中实际的元素个数大)
6、基本数据类型和引用数据类型
① 基本数据类型:赋值时,是将原变量中的值,赋值给另一个变量。赋值完成后,两个变量相互独立,
修改其中一个的值,另一个不会变化。
② 引用数据类型:赋值时,时将原变量在内存中的地址,赋值给另一个变量。赋值完成后,两个变量中存储的
是同一个内存地址,访问的是同一份数据,其中一个改变另一个也会发生变化。
③ 数值型,字符串,布尔型等变量属于基本数据类型,
而数组,对象属于引用数据类型;

HTML-JS 数组 内置对象的更多相关文章

  1. js arguments 内置对象

    1.arguments是js的内置对象. 2.在不确定对象是可以用来重载函数. 3.用法如下: function goTo() { var i=arguments.length; alert(i); ...

  2. js单体内置对象

    js单体内置对象:js的内置对象,是ECMAScritp提供的.不依赖于宿主环境的对象,我的理解就是在我们开发之前js里面就已经存在的对象.单体内置对象就是是不需要通过new来实例化的,例如我们的st ...

  3. js常用内置对象、Dom对象、BOM对象

    11.html元素事件属性中,如onclick="",双引号里可以是方法条用,可以是js代码(无需加<script>标签) 12.JavaScript内置 对象.属性和 ...

  4. JS的内置对象以及JQuery中的部分内容

     [js中的数组]              1  数组的概念:可以再内存中连续存储的多个有序元素的结构                元素的顺序:称为下标,通过下标查找对应元素.           ...

  5. js常用内置对象及方法

    在js中万物皆对象:字符串,数组,数值,函数...... 内置对象都有自己的属性和方法,访问方法如下: 对象名.属性名称: 对象名.方法名称 1.Array数组对象 unshift( )    数组开 ...

  6. js的内置对象

    转载: https://www.cnblogs.com/liuluteresa/p/6413988.html   在js里,一切皆为或者皆可以被用作对象.可通过new一个对象或者直接以字面量形式创建变 ...

  7. JS常见内置对象和方法

    JS中常用的内置对象:Array对象.Date对象.正则表达式对象.string对象.Global对象  Array对象中常用方法: concat() 表示把几个数组合并成一个数组join()   设 ...

  8. JS基础-内置对象【字符串&plus;Date&plus;Math】

    JS内置对象[字符串] // charAt() 返回字符 // charCodeAt() 返回字符的unicode编码 var str="hello world"; console ...

  9. JS 单体内置对象

    内置对象: 由ECMAScript提供的.不依赖于宿主环境的对象,这些对象在ECMAScript程序执行之前就已经存在了. 不必由开发人员显式地实例化内置对象 比如: Object Array Str ...

随机推荐

  1. 关于stm32定时器的理解

    TIM_OCInitStructure.TIM_OCPolarity = TIM_OCPolarity_High; 表面意思是输出控制极性为高,但是意思是定时器输入0,不反相,输出0: 输出控制极性为 ...

  2. Jquery自定义扩展方法(一)

    jquery是一款流行的JS框架,自定义JS方法,封装到Jquery中,调用起来也挺方便的,怎么写Jquery扩展方法那,网上翻阅了一部分代码,其实也挺简单的: 方式一: (jQuery.fn.set ...

  3. Maven学习8-使用Maven构建多模块项目

    在平时的Javaweb项目开发中为了便于后期的维护,我们一般会进行分层开发,最常见的就是分为domain(域模型层).dao(数据库访问 层).service(业务逻辑层).web(表现层),这样分层 ...

  4. 《30天自制操作系统》11&lowbar;day&lowbar;学习笔记

    harib08a: 鼠标的显示问题:我们可以看到,鼠标移到窗口最右侧之后就不能再移动了,而WIN中,鼠标是可以移动到最右边隐藏起来的.怎么办?把鼠标指针显示的范围扩宽就行!我们来修改一下HariMai ...

  5. Python相对路径转绝对路径,绝对路径转相对路径

    1.绝对路径转相对路径 print os.path.relpath("d:/MyProj/MyFile.txt") #..\MyProj\MyFile.txt 是根据当前路径的相对 ...

  6. html基本框架

  7. HDU2673:shǎ崽 OrOrOrOrz

    Problem Description Acmer in HDU-ACM team are ambitious, especially shǎ崽, he can spend time in Inter ...

  8. FutureTask理解

    一.概述 FutureTask包装器是一种非常便利的机制,同时实现了Future和Runnable接口. 类图如下: FutureTask是一种可以取消的异步的计算任务.它的计算是通过Callable ...

  9. &lbrack;Android&rsqb;使用Spring for Android改善数据交互流程

    如果开发一个和服务端有数据交互android应用,流程通常是这样的:界面收集用户数据之后,将它转换成JSON或者XML格式的字符串,以HTTP的方式提交给服务端,获得返回的文本数据,再将数据解析为ja ...

  10. 手动清除mac的广告弹框病毒 MacOSDefender

    最近在浏览亚马逊, 京东的时候, 发现会自动弹出很多广告到浏览器, 其实是中了病毒MacOSDefender. 这个病毒非常烦人, 会在你浏览电商网页的时候拼命的打开广告页面, 而且还会弹出一些提示, ...