JavaScrip学习(三)---数组

2023-08-26 18:57:21 浏览数 (2)

一、数组定义

代码语言:txt复制
 1、定义

var a=1,2,3

var a=new Array(1,2,3);

代码语言:txt复制
 2、长度
代码语言:txt复制
      返回长度

<script>

var a=1,2,3,4,5,6;

alert(a.length);

</ script >

代码语言:txt复制
       设置长度

<script>

var a=1,2,3,4,5,6;

a.length=2;

alert(a);

</ script >

二、数组连接

<script>

var a=1,2,3;

var b=4,5,6;

alert(a.concat(b));

alert(b.concat(a));

</ script >

三、数组排序

代码语言:txt复制
       sort()函数
代码语言:txt复制
      默认情况是把数组元素按字符串排序
代码语言:txt复制
        例子 01

<script>

var arr='float','width','alpha','zoom','left';

arr.sort();

alert(arr);

</ script >

例子02

var arr= 12, 8, 99, 19, 112;

arr. sort();

alert( arr);

例子03

sort()函数的改进

var arr=12,8,99,19,112;

arr.sort(function (n1,n2) {

代码语言:txt复制
return n1-n2;

});

alert( arr);

四、数组连接

代码语言:txt复制
 1、两个数组间的连接:contact()

<script>

var a=1,2,3;

var b=4,5,6;

alert(a.concat(b));

alert(b.concat(a));

</ script >

2、数组元素间的连接:join()

< script >

代码语言:txt复制
var  arr=[ 1, 2, 3, 4];
代码语言:txt复制
alert( arr. join( '--p'));

</script>

五、数组元素添加、删除

代码语言:txt复制
 1、数组尾部的添加、删除
代码语言:txt复制
 尾部添加:push(value)
代码语言:txt复制
 例子01

< script >

var a=1,2,3;

a.push(4);

代码语言:txt复制
alert( a);

</ script >

尾部删除:pop()

例子02

< script >

var a=1,2,3;

代码语言:txt复制
a. pop();
代码语言:txt复制
alert( a);

</script>

2、数组头部的添加、删除

头部添加 unshift(value)

例子01

< script >

var arr=1,2,3;

代码语言:txt复制
arr. unshift( 0)
代码语言:txt复制
alert( arr);

</script>

头部删除:shift()

例子02

< script >

代码语言:txt复制
var  arr=[ 1, 2, 3];

arr.shift();

代码语言:txt复制
alert( arr);

</ script >

3、 数组------splice()

删除数据

例子01

< script >

代码语言:txt复制
var  arr=[ 1, 2, 3, 4, 5, 6];
代码语言:txt复制
//splice( 起点,长度)

arr.splice(2,3);

代码语言:txt复制
alert( arr);

</script>

插入数据

例子02

< script >

var arr=1,2,3,4,5,6;

代码语言:txt复制
// 插入数据 splice (起点,长度,元素)

arr.splice(2,0,'a','b','c');

代码语言:txt复制
alert( arr);

</script>

替换数据

例子02

< script >

var arr=1,2,3,4,5,6;

代码语言:txt复制
// 替换数据
代码语言:txt复制
arr. splice( 2, 2, 'a', 'b');
代码语言:txt复制
alert( arr);

</script>

————————————————

版权声明:本文为CSDN博主「致Great」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://cloud.tencent.com/developer/article/2318194

0 人点赞