javaScript常用的数组对象

最新推荐文章于 2023-03-06 23:12:38 发布

Monstar_hu

最新推荐文章于 2023-03-06 23:12:38 发布

阅读量267

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/Monstar_hu/article/details/79068357

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组对象</title>

<script type="text/javascript">
//1.js中声明数组：4种
//1.1.声明一个空的数组对象 :常用
function arra1(){
var arra=new Array();
alert(arra+" "+arra.length);//0
}
//1.2.声明一个指定长度的数组对象
function arra2(){
var arra=new Array(10);
alert(arra+" "+arra.length);//10
}
//1.3.声明一个有初始元素的数组对象
function arra3(){
var arra=new Array(10,11,22,33,44);
alert(arra+"----> "+arra.length);//5
}
//1.4.用简单方式[]声明一个数组对象常用
function arra4(){
//var arra=[];
var arra=[11,22,33];
alert(arra+"----> "+arra.length);//3
}
</script>
<script type="text/javascript">
//2.使用数组
function useArra(){
//声明数组

var arra=new Array();
//2使用数组：存储数组
//2.1数组访问与Java一样索引是从0开始
//2.2js数组可以存储多种数据类型，js是弱类型的语言
//2.3js中数组长度不是固定的，是可变的
//2.4js可以跨下标访问元素，但是会得到一个undefined值
arra[0]=123;
arra[1]=123.34;
arra[2]="hello";
arra[3]=true;
arra[6]=new Date();

alert(arra+"---->"+arra.length);//7
alert(arra[20]);//undefined
}

//3.长度
function arraLeng(){
var arra=["今天","感冒","很特别","声音变了"];

alert("数组原始长度："+arra.length+" "+arra);//4

//修改数组的长度
arra.length=3;
alert("修改后数组长度："+arra.length+" "+arra);//3
}

//4.遍历数组：2种
function getArraElement1(){
var arra=["今天","感冒","很特别","声音变了"];

for(var i=0;i<arra.length;i++){
//取元素
var ele=arra[i];
//alert(ele);
document.write(ele);
document.write("<br/>");
}
}

function getArraElement2(){
var arra=["今天","感冒","很特别","声音变了"];

for(var i in arra){
//alert(i);//i代表什么？代表数组的索引值，值从0开始
//取元素
var ele=arra[i];
//alert(ele);
document.write(ele);
document.write("<br/>");
}
}

//5.数组对象常用的方法
function testConcat(){
var arra=["今天","感冒","很特别","声音变了"];

var arra2=["很不舒服","kkko"];

//调用concat方法
var newArra=arra.concat(arra2,123);
alert(newArra);
}

function testPop(){
var arra=["今天","感冒","很特别","声音变了"];
//调用pop方法
var val=arra.pop();

alert(val+" ----》 "+arra);//删除后的数组
}

function testPush(){
var arra=["今天","感冒","很特别","声音变了"];//4
//调用push方法
var newArraLength=arra.push("明天就好");//5

alert(newArraLength+" ----》 "+arra);//添加后的数组
}
</script>
</head>
<body>
<input type="button" id="" value="声明1" οnclick="arra1();" />
<input type="button" id="" value="声明2" οnclick="arra2();" />
<input type="button" id="" value="声明3" οnclick="arra3();" />
<input type="button" id="" value="声明4" οnclick="arra4();" />
<hr />
<input type="button" id="" value="使用数组" οnclick="useArra();"/>
<hr />
<input type="button" id="" value="数组的长度" οnclick="arraLeng();"/>
<hr />
<input type="button" id="" value="遍历数组1" οnclick="getArraElement1();"/>
<input type="button" id="" value="遍历数组2" οnclick="getArraElement2();"/>
<hr />
<input type="button" name="" id="" value="数组对象_concat()方法" οnclick="testConcat();"/>
<input type="button" name="" id="" value="数组对象_pop()方法" οnclick="testPop();"/>
<input type="button" name="" id="" value="数组对象_push()方法" οnclick="testPush();"/>
</body>
</html>

Monstar_hu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript常用的数组对象

数组对象数组对象 1.js中声明数组：4种 2.使用数组 3.数组的长度length 4.遍历数组：2种 5.数组对象常用的方法 --> //1.js中声明数组：4种 //1.1.声明一个空的数组对象 :常用
复制链接

扫一扫