javascript数组案例(JavaScript中concat复制数组方法浅析)

本文目录
- JavaScript中concat复制数组方法浅析
- 在javascript的数组中有个push方法,能举个例子说明一下么
- 简述一下JS中二维数组的作用和用法,举一个例子来说明
- JavaScript 取数组元素
- javascript 数组操作问题,关于array 的push
- 关于javascript的数组问题求解代码如下:
JavaScript中concat复制数组方法浅析
我们在需要进行数组复制的时候可能会想到以下的方法
代码
var
arr1
=
;
var
arr2
=
;
arr2
=
arr1;
console.log(arr1);
console.log(arr2);
执行结果如下:
[1,
2,
3,
4,
5]
[1,
2,
3,
4,
5]
在这个例子中,将数组arr1赋值给了另一个数组arr2。
查看执行结果,似乎复制了数组的内容并创建了相同的数组。
但是,由于数组是“引用类型”的数据,因此它不会复制该值,而只是共享存储该值的内存的位置。
因此,我们编写以下代码
arr2.push(6);
console.log(arr1);
console.log(arr2);
执行结果如下
[1,
2,
3,
4,
5,
6]
[1,
2,
3,
4,
5,
6]
根据以上结果可以发现即使我们只给arr2添加新值6,但是数组arr1中也会添加一个6,这就是因为两个
数组都只引用存储值的位置,如果更改任一数组中的数据,两者都会改变。
所以下面我们就来使用concat方法复制数组
我们来看具体示例
var
arr1
=
;
var
arr2
=
;
arr2
=
arr1.concat();
arr2.push(6);
console.log(arr1);
console.log(arr2);
执行结果如下
[1,
2,
3,
4,
5]
[1,
2,
3,
4,
5,
6]
要将另一个数组复制到数组arr2,只需要在复制源arr1中执行concat()即可。
您可能感兴趣的文章:js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解深入理解javascript中concat方法javascript使用
concat
方法对数组进行合并的方法JS
Array创建及concat()split()slice()的使用方法浅谈JavaScript的push(),pop(),concat()方法JavaScript模拟数组合并concatjs采用concat和sort将N个数组拼接起来的方法
在javascript的数组中有个push方法,能举个例子说明一下么
push 方法
将新元素添加到一个数组中,并返回数组的新长度值。
arrayObj.push()
参数
arrayObj
必选项。一个 Array 对象。
item, item2,. . . itemN
可选项。该 Array 的新元素。
说明
push 方法将以新元素出现的顺序添加这些元素。如果参数之一为数组,那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素,请使用 concat 方法
www.51windows.net
简述一下JS中二维数组的作用和用法,举一个例子来说明
引用回答的别人的问题,里面正是二维数组的用法,和具体的例子。
《html》
《head》
《/head》
《body》
《form name="frm"》
《select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)"》
《option value="0" selected》请选择《/option》
《option value="1"》广东《/option》
《option value="2"》广西《/option》
《option value="3"》湖南《/option》
《option value="4"》河北《/option》
《/select》
《select name="s2"》
《option value="0" selected》请选择《/option》
《/select》
《/form》
《script language="javascript"》
var select1_len = document.frm.s1.options.length;
var select2 = new Array(select1_len);
for (i=0; i《select1_len; i++)
{
select2 = new Array();
}
select2 = new Option("请选择", " ");
select2 = new Option("广州", "10" );
select2 = new Option("深圳", "11" );
select2 = new Option("asd", "12" );
select2 = new Option("桂林", "20" );
select2 = new Option("南宁", "21" );
select2 = new Option("长沙", "30" );
select2 = new Option("11", "40" );
function redirec(x)
{
var temp = document.frm.s2;
for (i=0;i《select2.length;i++)
{
temp.options.value);
}
var len = select2.length;
while( len 《 temp.options.length){
temp.options.remove(len);
}
temp.options.selected=true;
}
《/script》
《/body》
《/html》
JavaScript 取数组元素
document.getElementsByName是取一组name相同的值的
取值的时候是把name相同的一组值取到数组里
用在document.getElementsByName得到数组上,而不是用到name上。
下面这小段代码是个小例子
《script》
function getFen(){
var fens = document.getElementsByName("fen");
alert(fens.value);
alert(fens.value);
}
《/script》
《body》
《input type="text" name="fen" /》《br》
《input type="text" name="fen" /》《br》
《input type="text" name="fen" /》《br》
《input type="text" name="fen" /》《br》
《input type="text" name="fen" /》《br》
《input type="text" name="fen" /》《br》
《input type="button" onclick="getFen()" value="取值"/》
《/body》
javascript 数组操作问题,关于array 的push
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
语法:
arrayObject.push(newelement1,newelement2,....,newelementX)
参数:
newelement1 必需。要添加到数组的第一个元素。
newelement2 可选。要添加到数组的第二个元素。
newelementX 可选。可添加多个元素。
实例
在本例中,我们将创建一个数组,并通过添加一个元素来改变其长度:
《script type="text/javascript"》
var arr = new Array(3)
arr = "George"
arr = "John"
arr = "Thomas"
document.write(arr + "《br /》")
document.write(arr.push("James") + "《br /》")
document.write(arr)
《/script》
输出:
George,John,Thomas
4
George,John,Thomas,James
关于javascript的数组问题求解代码如下:
1. var points = ; 创建了一个数组points,points是一个对象
2. points.dist = function(){...}; // 给points动态增加了一个属性dist,这个属性是一个function
因为dist是function,在这个function中使用this,指向当前对象引用,即points自身
3.
points.dist = function(){
var p1 = this; // 同第2条,通过this:把自己的第0个元素赋值个p1对象
var p2 = this; // 同第2条,通过this:把自己的第0个元素赋值个p1对象
// 以下是你的计算
var a = p2.x-p1.x;
var b = p2.y-p1.y;
return Math.sqrt(a*a+b*b); // 返回计算结果
};
4. 此时 points 对象的长度还是2,长度没有变化,只是给这个对象增加了一个属性dist而已

更多文章:
跷二郎腿太低好吗?想要通过贴墙站改正二郎腿影响的话,有哪些要点需要注意
2026年10月11日 05:10
易语言点击js按钮(易语言网页填表怎样点击链接为“javascript:void(0)“的按钮)
2026年10月11日 03:00
compare with造句(用compared with和compared to造句)
2026年10月10日 23:30
tensorflow与keras对应版本(为什么tensorflow2.8没有keras)
2026年10月10日 22:10
maven仓库jar网站(如何在maven仓库中添加jar包)
2026年10月10日 19:50






