搜索
您的当前位置:首页正文

JavaScript中数组添加值和访问值常见问题_javascript技巧

2023-12-02 来源:亿米科技网

通过本文给大家介绍关于数组方面的一些小问题,或许对大家有点帮助,本文写的不好,还请各位大侠见谅。

1.

如果我们想往数组里面添加一个值,以[]的形式添加,如果写的是负数或者字符串那么它是在数组的末尾添加,并且它是以键值对的形式添加的,所以下次访问这个值的时候可以使用点的形式访问,但是如果是数字必须通过[]访问。

2.

如果通过字符串或者负数往数组里面添加一个值,那么下次访问的时候也必须通过键值对形式访问

3.

// 值得注意的是通过字符串或者负数添加的值,那个数组是不会添加它的长度的,并且使用这种方式来添加的永远会在数组的最后面,因为我们使用push方法添加数字4的时候我们发现它并没有把是添加到最后后面,大家都知道push方法的将值添加到数组的末尾的。也许我们可以得出一个结论那就是数字和数字排列,键值对与键值对排列。

本文通过以上三点给大家简单分析JavaScript中数组添加值和访问值常见问题,希望对大家有所帮助。同时脚本之家小编在此祝大家春节快乐!

小编还为您整理了以下内容,可能对您也有帮助:

js数组添加元素

js数组添加元素的方法有三个,分别是push()、unshift()、splice(),下面分别说一下各自的用法

1、push(),在数组的末尾添加新的元素,并返回数组新长度

语法:a.push( “新元素1”,“新元素2”);

实例:

结果:

2、unshift(),在数组的开头添加新元素,数组中的元素自动后移,返回数组新长度

语法:a.unshift(“新元素1”,“新元素2”);

注:unshift()方法不能用于 Internet Explorer 8 之前的版本,插入的值将被返回成 undefined 。

实例

结果:

3、splice(),在指定位置添加一个或者多个新元素,插入位置的元素自动后移,返回""。

例如,在第二位置添加新元素

语法:a.splice(2,0,“新元素1”,“新元素2”);

实例:

结果:

JavaScript中数组如何使用


JavaScript中的数组是经常需要用到的,那么JavaScript数组具体如何使用呢?本篇文章就来给大家分享一下JavaScript中数组的用法。

话不多说,我们来看具体示例~
在数组中,可以在一个括号中放置多个值。
这个时候,将三个值(元素)Tom、Jerry、Holly放在称被定义为“ family”的括号中。
值包含在[]中。
var family = ["Tom", "Jerry", "Holly"];我们来输出family

<script>
var family = ["Tom", "Jerry", "Holly"];
console.log(family);
</script>运行结果如下

从运行结果可以看到,Tom,Jerry和Holly三个值 都包含在family中。
指定并获取数组索引(下标)
接下来,尝试通过指定索引来单独获取每个元素。
在[]中,数字(索引)按0,1,2,......的顺序分配,包括0 。
因此,例如,当你想要检索Jerry的值时,可以这样写。
<script>
var family = ["Tom", "Jerry", "Holly"];
console.log(family[1]);
</script>运行效果如下

将元素替换
我下面将Holly替换成Susan,因为Holly的下标(索引)是2,所以我们可以这么做

<script>
var family = ["Tom", "Jerry", "Holly"];
family[2]="Susan";
console.log(family);
</script>运行结果如下
最后我们来看一下数组的属性
属性就是“特性/特征”的意思。
我们来介绍一个数组属性
< length >
length属性?可以获取数组的长度,即元素个数。
我们来看具体使用
<script>
var family = ["Tom", "Jerry", "Holly"];
console.log(family.length);
</script>运行结果如下

本篇文章到这里就全部结束了,关于JavaScript数组的其他属性及用法大家可以参考JavaScript中的Array对象如何使用和JavaScript中Array对象的用法有哪些这两篇文章。

JavaScript中数组如何使用


JavaScript中的数组是经常需要用到的,那么JavaScript数组具体如何使用呢?本篇文章就来给大家分享一下JavaScript中数组的用法。

话不多说,我们来看具体示例~
在数组中,可以在一个括号中放置多个值。
这个时候,将三个值(元素)Tom、Jerry、Holly放在称被定义为“ family”的括号中。
值包含在[]中。
var family = ["Tom", "Jerry", "Holly"];我们来输出family

<script>
var family = ["Tom", "Jerry", "Holly"];
console.log(family);
</script>运行结果如下

从运行结果可以看到,Tom,Jerry和Holly三个值 都包含在family中。
指定并获取数组索引(下标)
接下来,尝试通过指定索引来单独获取每个元素。
在[]中,数字(索引)按0,1,2,......的顺序分配,包括0 。
因此,例如,当你想要检索Jerry的值时,可以这样写。
<script>
var family = ["Tom", "Jerry", "Holly"];
console.log(family[1]);
</script>运行效果如下

将元素替换
我下面将Holly替换成Susan,因为Holly的下标(索引)是2,所以我们可以这么做

<script>
var family = ["Tom", "Jerry", "Holly"];
family[2]="Susan";
console.log(family);
</script>运行结果如下
最后我们来看一下数组的属性
属性就是“特性/特征”的意思。
我们来介绍一个数组属性
< length >
length属性?可以获取数组的长度,即元素个数。
我们来看具体使用
<script>
var family = ["Tom", "Jerry", "Holly"];
console.log(family.length);
</script>运行结果如下

本篇文章到这里就全部结束了,关于JavaScript数组的其他属性及用法大家可以参考JavaScript中的Array对象如何使用和JavaScript中Array对象的用法有哪些这两篇文章。

js如何往数组Array中添加元素

数组元素的添加  

1.arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度。

2.arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度。

3.arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。  

一. 基本概念

1.JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 

2.在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

3.为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

二. 组成部分

javascript组成一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:

核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)。

javascript数组定义的几种方法

1、什么是数组

数组就是一组数据的集合

其表现形式就是内存中的一段连续的内存地址

数组名称其实就是连续内存地址的首地址

2、关于js中的数组特点

数组定义时无需指定数据类型

数组定义时可以无需指定数组长度

数组可以存储任何数据类型的数据(比如说一个元素保存整型,一个元素保存字符串型,这个在JS中是可以的)

创建数组的语法:

var arr=[值1,值2,值3]; //隐式创建

var arr=new Array(值1,值2,值3); //直接实例化

var array=new Array(size); //创建数组并指定长度

//方法一

var arr1 = [1,3,5,7,9];

document.write(arr1[2] + '<br>');

//方法二

var arr2 = new Array(2,4,6,8,10);

document.write(arr2[3] + '<br>');

//方法三

var arr3 = new Array(3);//固定数组长度为3

arr3[0] = 1;

arr3[1] = 2;

arr3[2] = 3;

document.write(arr3[2] + '<br>');

JS中符号含义:

()表示函数执行

[]表示语法模拟,表示模拟Array类的实例(=new Array())

{}表示语法模拟,表示模拟Object类的实例(=new Object())

//表示语法模拟(正则对象),表示模拟RegExp类的实例(=new RegExp())

3、关于数组长度

数组对象.length

在js中,每一个数组对象都可以调用length属性,它表示数组对象下共有几个数组元素

示例:

var row = ['zhangsan','lisi','wangwu'];

doucument.write('共有'+row.length+'个人<br>');

var length = row.length;//对数组进行遍历

for (var i=0;i<length;i++){

doucument.write(row[i]+'<br>');

}

4、for...in语句

在js中,数组不是数据类型,数组的数据类型其实就是对象

Js中的For.....in语句可以实现对一个对象的所有属性的遍历

也可以使用for...in语句实现对一个数组的所有元素的遍历

语法:

for( var i in array ){

}

原理:数组中有几个元素,for..in语句就循环执行多少次

每次执行时,将当前数组元素的下标存放到变量i中

var row = ['zhangsan','lisi','wangwu','xiaoqiang'];

for (var i in row){

document.write(i + ':' + row[i] + '<br>');

}

结果:

0:zhangsan

1:lisi

2:wangwu

3:xiaoqiang

5、文本下标

格式:

arr['key'] = value;

在js中,文本下标的数组元素,不计入数组长度

以文本下标形式添加到数组,实际是以属性形式添加到数组对象中的

var arr = [1,2,3];

arr['first'] = 'zhangsan';

arr['second'] = 'lisi';

document.write(arr.length + '<br>');

document.write(arr.first + '<br>');

document.write(arr.second + '<br>');

结果:

3.zhangsan

lisi

遍历带有文本下标的数组:

var arr = [1,2,3];

arr['first'] = 'zhangsan';

arr['second'] = 'lisi';

for(var i in arr){

document.write(i + ':' + arr[i] + '<br>');

}

结果:

0:1

1:2

2:3

first:zhangsan

second:lisi

6、数组

var arr = [

[10,'zhangsan','male'],

[11,'lisi','female'],

[12,'wangwu','male']

];

for (var i in arr){

for(var j in arr[i]){

document.write(arr[i][j]);

}

document.write('<br>');

}

下面是脚本之家的补充

1.先定义再赋值

var myArray1 = new Array(); //不定义元素个数

myArray1[0] = "脚";

myArray1[1] = "本";

myArray1[2] = "之";

myArray1[3] = "家";

var myArray2 = new Array(4); //定义元素的个数

myArray1[0] = "脚";

myArray1[1] = "本";

myArray1[2] = "之";

myArray1[3] = "家";

2.定义数组时同时赋值

varmyArray3 = new Array("脚","本","之","家");

//你需要在数组内指定数值或者逻辑值,那么变量类型应该是数值变量或者布尔变量,而不是字符变量

3、json格式的定义

var myArray4 = [

{"num":"1001","name":"jack","age":16},

{"num":"1002","name":"Mary","age":17},

{"num":"1003","name":"Tom","age":19}

];

//注意中括号和大括号的位置

不懂的同学可以查看这篇文章://www.gxlcms.com/article/20688.htm

Json定义用法和数组的区别

Json:是在javascript用来存数据的一种方法。

Json形式: var Json={a:1 , b:2 , c:3};

数组形式:var arr=[1,2,3];

Json个数组的区别:

1、Json的下标是字符串,如调用第一个数据时用:Json.a 。 数组的下标是数字如 arr[0]

2、Json没有length,数组有lengt

用Json来存数据,如果遇到需要循环需要用 for(元素变量 in 变量名){};因为Json没有length所以要用for in循环,for in循环可以用于Json和数组

for(i in Json){

语句

};

什么时候用for循环,什么时候用for in循环?

数组:用for循环 for(i=0,i<length,i++){};

Json:用for in循环 for(i in Json){};

4. 注意

· 数组只有数组长度一个属性

· 如果没有给数组赋值得到的是undefined,打印是”“

· 数组长度不够可以自动扩充,不存在越界的问题

亿米科技网还为您提供以下相关内容希望对您有帮助:

js数组添加元素

1、push(),在数组的末尾添加新的元素,并返回数组新长度 语法:a.push( “新元素1”,“新元素2”);实例:结果:2、unshift(),在数组的开头添加新元素,数组中的元素自动后移,返回数组新长度 语法:a.unshift(“...

js如何往数组Array中添加元素

1.arrayObj. push([item1 [item2 [. . . [itemN ]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度。2.arrayObj.unshift([item1 [item2 [. . . [itemN ]]]);// 将一个或多个新元素添加...

JavaScript中数组如何使用

在[]中,数字(索引)按0,1,2,...

javascript数组定义的几种方法

一个元素保存字符串型,这个在JS中是可以的)创建数组的语法:var arr=[值1,值2,值3]; //隐式创建var arr=new Array(值1,值2,值3); //直接实例化var array=new Array(size); //创建数组并指定长度//方法一v...

js中怎么把值放入数组中

1、push:将参数添加到原数组末尾,并返回数组的长度。测试代码如下:执行如下,6已经被加入数组。2、splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 。...

js如何动态添加数组?

1、在数组的开头添加新元素 - unshift() 源代码: &lt;!DOCTYPE html&gt; Click the button to add elements to the array. Try it function myFunction() { var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits...

JavaScript中的数组、集合及效率

由于JavaScript的语言特性 我们可以向通用对象动态添加和删除属性 所以Object也可以看成是JS的一种特殊的集合 下面比较一下Array和Object的特性:Array:新建:var ary = new Array(); 或 var ary = [];增加:ary push(value...

如何用js取数组内的值?

1、先新建一个html文件,命名为test.html。2、在test.html文件内,使用div标签创建一个模块,并设置其id为outinput,主要用于下面通过该id获得div对象。3、在js标签内,定义一个数组arr,数组内定义三个元素,分别为“测试...

三种方法实现为数组中的对象添加一个新的属性和值

treeData是一个数组,数据格式如 [{ [ ],[ ],[ ] } ,{ [ ],[ ],[ ] } ,]以下三种方法实现为数组中的对象添加一个新的属性和值;1.Object.defineProperty 2.$set

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文

  • 蓿的诗有哪些

    1、蓿诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。2、笔画是14。3、读音是xu。

  • 蓿的诗

    1、蓿诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。2、笔画是14。3、读音是xu。

  • 蓿字的成语 蓿字的成语有哪些

    1、蓿成语是苜蓿盘空。2、笔画是14。3、读音是xu。4、笔顺是横、竖、竖、点、点、横撇。5、部首是艹。6、结构是上下结构。7、解释是见“苜”。8、组词是苜蓿、南苜蓿、黄花苜蓿、紫花苜蓿、苜蓿盘空。9、诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。

  • 蓿字的成语有哪些

    1、蓿成语是苜蓿盘空。2、笔画是14。3、读音是xu。4、笔顺是横、竖、竖、点、点、横撇。5、部首是艹。6、结构是上下结构。7、解释是见“苜”。8、组词是苜蓿、南苜蓿、黄花苜蓿、紫花苜蓿、苜蓿盘空。9、诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。

  • 蓿字的成语

    1、蓿成语是苜蓿盘空。2、笔画是14。3、读音是xu。4、笔顺是横、竖、竖、点、点、横撇。5、部首是艹。6、结构是上下结构。7、解释是见“苜”。8、组词是苜蓿、南苜蓿、黄花苜蓿、紫花苜蓿、苜蓿盘空。9、诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。

Top