初识Array:
定义:
方式1
var 变量名=new Array(元素列表);
举例:
<script>
var array=new Array(1,2,3);
alert(array);
</script>
显示如下:
方式2
var 变量名=[元素列表];
举例:
<script>
var array=[1,2,3];
alert(array);
</script>
显示如下:
访问:
arr[索引]=值;
arr[0]=1;
举例:
<script>
var array=[1,2,3];
//将数组的最后一个元素修改为99
array[2]=99;
alert(array);
</script>
显示如下:
注意:JS数组与Java中的数组可不相同哦,它类似于java集合,长度,类型都可变
Array数组的特点:
变长:
即为长度可发生变化,在java中数组是定长的,一旦我们访问的下标超出范围,即会报错,但在JavaScript中,我们是可以访问任意下标的元素值
举例:
设置值的情况
<script>
var array=[1,2,3];
//将数组中下标为10的元素的值修改为16
array[10]=16;
alert(array[10]);
</script>
显示如下:
未设置值的情况
<script>
var array=[1,2,3];
//访问下标为8的元素的值
alert(array[8]);
</script>
显示如下:
变类型:
举例:
<script>
var array=[1,2,3];
//将array数组下标为8的值设置为字符串类型
array[8]="hello";
alert(array[8]);
</script>
显示如下:
查看此时数组的值:
alert(array);
显示如下:
Array对象属性:
Array对象属性:
属性 | 描述 |
---|---|
length | 设置或返回数组中元素的数目 |
constructor | 返回对创建此对象的数组函数的引用 |
prototype | 使其有能力向对象添加属性和方法 |
length举例:
打开该网页依次弹出1,2,3
<script>
var array=[1,2,3];
for(let i=0;i<array.length;i++){
alert(array[i]);
}
</script>
constructor举例:
constructor属性用于返回创建该对象的构造函数
在JavaScript中,每个具有原型的对象都会自动获得constructor属性
,除了arguments、Enumerator、Error、Global、Math、RegExp、Regular Expression等一些特殊对象之外,其他所有的JavaScript内置对象都具备constructor属性,例如:Array、Boolean、Date、Function、Number、Object、String等
<script>
var array=[1,2,3];
alert(array.constructor);
</script>
显示如下:
注:[native code],表示这是JavaScript的底层内部代码实现,无法显示代码细节
<script>
var array=[1,2,3];
//Array为array的原型
alert(array.constructor==Array);
</script>
显示如下:
Array对象方法:
方法 | 描述 |
---|---|
concat() | 连接两个或更多的数组,并返回结果 |
join() | 把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔 |
pop() | 删除并返回数组的最后一个元素 |
push() | 向数组的末尾添加一个或更多的元素,并返回新的长度 |
shift() | 删除并返回数组的第一个元素 |
splice() | 删除元素,并向数组添加新元素 |
toSource() | 返回该对象的源代码 |
toString() | 把数组转换为字符串,并返回结果 |
toLocaleString() | 把数组转换为本地数组,并返回结果 |
unshift() | 向数组的开头添加一个或更多元素,,并返回新的长度 |
valueOf() | 返回数组对象的原始值 |
举例:
<script>
var array=[1,2,3];
array.push(12);
alert(array);
</script>
显示如下:
<script>
var array=[1,2,3];
//代表从索引为0的元素开始删除直至下标为1的元素,注意右边的2实际取不到
array.splice(0,2);
alert(array);
</script>
显示如下:
String:
定义:
方式一:
var 变量名=new String(s);
举例:
<script>
var str=new String("hello");
alert(str);
</script>
显示如下:
方式二:
var 变量名=s;
举例:
<script>
//以下两种方式均可
var str="good";
var str='good';
alert(str);
</script>
属性:
它包含的很多方法都与Java相同,因此这里不进行赘述,不熟悉的小伙伴可去官方手册查询!传送门
length:字符串的长度
举例:
<script>
var str='good morning';
alert(str.length);
</script>
显示如下:
方法:
charAt():返回在指定位置的字符
举例:
<script>
var str='good morning';
alert(str.charAt(2));
</script>
显示如下:
indexOf():检索字符串
<script>
var str='good morning';
//返回指定字符的索引值,若不存在则返回-1
alert(str.indexOf('o'));
</script>
显示如下:
trim()方法用来去除字符串前后端的空格:
去除前:
<script>
var str=" hello ";
alert(1+str+1);
</script>
显示如下:
去除后:
<script>
var str=" hello ";
alert(1+str.trim()+1);
</script>
显示如下: