HTML-JS 数组 内置对象
【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 数组 内置对象的更多相关文章
- js arguments 内置对象
1.arguments是js的内置对象. 2.在不确定对象是可以用来重载函数. 3.用法如下: function goTo() { var i=arguments.length; alert(i); ...
- js单体内置对象
js单体内置对象:js的内置对象,是ECMAScritp提供的.不依赖于宿主环境的对象,我的理解就是在我们开发之前js里面就已经存在的对象.单体内置对象就是是不需要通过new来实例化的,例如我们的st ...
- js常用内置对象、Dom对象、BOM对象
11.html元素事件属性中,如onclick="",双引号里可以是方法条用,可以是js代码(无需加<script>标签) 12.JavaScript内置 对象.属性和 ...
- JS的内置对象以及JQuery中的部分内容
[js中的数组] 1 数组的概念:可以再内存中连续存储的多个有序元素的结构 元素的顺序:称为下标,通过下标查找对应元素. ...
- js常用内置对象及方法
在js中万物皆对象:字符串,数组,数值,函数...... 内置对象都有自己的属性和方法,访问方法如下: 对象名.属性名称: 对象名.方法名称 1.Array数组对象 unshift( ) 数组开 ...
- js的内置对象
转载: https://www.cnblogs.com/liuluteresa/p/6413988.html 在js里,一切皆为或者皆可以被用作对象.可通过new一个对象或者直接以字面量形式创建变 ...
- JS常见内置对象和方法
JS中常用的内置对象:Array对象.Date对象.正则表达式对象.string对象.Global对象 Array对象中常用方法: concat() 表示把几个数组合并成一个数组join() 设 ...
- JS基础-内置对象【字符串+Date+Math】
JS内置对象[字符串] // charAt() 返回字符 // charCodeAt() 返回字符的unicode编码 var str="hello world"; console ...
- JS 单体内置对象
内置对象: 由ECMAScript提供的.不依赖于宿主环境的对象,这些对象在ECMAScript程序执行之前就已经存在了. 不必由开发人员显式地实例化内置对象 比如: Object Array Str ...
随机推荐
- LazyMan深入解析和实现
一.题目介绍 以下是我copy自网上的面试题原文: 实现一个LazyMan,可以按照以下方式调用: LazyMan("Hank")输出: Hi! This is Hank! ...
- JS获取当前星期几的简易写法
var str = "今天是星期" + "日一二三四五六".charAt(new Date().getDay()); mark在此,方便日后复制 原文https ...
- C#语言————第四章 深入C#的String类
*********类型转换**************** Convert与Parse的区别: Convert可以将任何内置类型转换为其他任何内置类型 XX.Parse:只能将字符串转换为XX类型例如 ...
- 【PAT】B1050 螺旋矩阵(25 分)
实在不觉得递归等方式有什么简单的地方,没错我就是用的最笨的方法模拟. 和我一样的小白看代码应该很容易理解. #include<stdio.h> #include<math.h> ...
- AMP架构补充与wordpress部署
1.httpd的虚拟主机不能使用的问题 httpd中新建一个虚拟主机,并添加访问URI路径的时候,需要给此路径指定访问权限.今天遇到一个虚拟主机不能使用的问题,语法检测没有报错,并且还可以正常启动服务 ...
- 解决pycharm下代码报错的问题
file-----settings------project:Pythonstudy------project structure-----选择要导入的文件并点击OK
- C# 动态方法和静态方法的区别
C# 动态方法和静态方法的区别 (转) 动态方法与静态方法的区别: 1,使用方法上的区别:动态方法,在使用时需要先创建实例,才能调用实例方法,而静态方法则不需要,直接使用即可. 示例代码如下:静态方法 ...
- 17秋 软件工程 团队第五次作业 Alpha Scrum2
17秋 软件工程 团队第五次作业 Alpha Scrum2 今日完成的任务 杰麟:Java后端的学习: 世强:登录和注册接口编写: 港晨:完成数据库表的设计: 树民.陈翔:完成超级管理员后端框架. 其 ...
- BugBugBugBugBugBugBugBugBugBugBugBugBugBugBug
单元测试
- centos7下安装docker(12.4容器如何与外部进行通信)
1.容器如何访问外部 前面我们做了很多试验:只要host能连外网,使用默认bridge(docker0)创建得容器就能访问外网,那么容器是怎样访问外网的呢? 注:这里的外网不仅是internet,包括 ...