JS知识积累5

JavaScript Array（数组）

什么是数组

数组对象是使用单独的变量名来蠢出一系列的值。

数组特点

• 数组定义时可以无需指定数组长度
• 存储数据是无需指定具体类型，可以存储任意类型

数组三要素

下标：记录每个元素在数组中的位置
元素：数组中存储的值
数组长度：数组元素个数

 var arr = [1,2,3,4,5];
 arr[i]==arr[2];//i表示数组下标，数组下标从零开始；
 [1,2,3,4,5,]//数组中的元素
 arr.length//数组长度，数组长度就是元素的个数

数组声明方式

var 数组名 = [元素1，元素2，元素3...];
var 数组名 = new Array(元素1，元素2，元素3...);

两种创建方式的不同

只有一个值时：
            var arr=[5];//表示数组长度为1，数组元素为5
            var arr1 = new Array(5);//表示数组长度为5，数组元素为空

访问数组

通过指定数组名以及索引号码，你可以访问某个特定的元素。
访问数组的第一个值

var num = arr[0];//因为数组下标从零开始

数组长度

1. 获取数组长度：数组名.length 获取到的是一个number类型的数
2. 修改数组的长度，会改变数组里面元素的数量 数组名.length=值；这就相当于只保留对应数组的元素
3. 删除数组最后一个值：数组名.length–,数组长度减一，相当于删除最后一个元素。

var arr= [1,2,3,4,5]
console.log(arr.leng);//返回值为5，元素的个数
console.log(arr.leng = 2);//秀海数组的长度，保留对应的数组元素
console.log(arr.length--);//数组长度减一，相当于删除最后一个元素

数组的取值

数组名[下标] 取值从0开始

1. 取数组最后一个元素：数组名[数组名.length-1];
2. 如果下标在最大范围内，获取数组元素
3. 如果超过了最大下标，获取到的元素是undefined

var arr = [1,2,3,4,5];
console.log(arr[arr.length-1]);//取数组最后一个元素

数组的赋值

数组名[下标]=值
1. 如果下标在最大范围内：就是修改数组元素的值
2. 如果下标超过最大下标：那么就是给数组增加新元素
3. 如果要给数组最后加一个值：数组名[数组名.length]=值

数组的遍历

获取数组中的每一个元素，就是数组遍历
数组遍历的固定写法：

for(var i = 0; i < 数组名.length; i++){
	使用数组名[i]获取元素
}

知识点补充

补充css select下拉框箭头样式修改

 select{
        /*取消默认箭头开始*/
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        /*取消默认箭头结束*/
        border: none;
        width: 9rem;
        font-size: 1rem;
        color: #666;
        text-align-last: center; /* 文本居中*/
        background: url(style/jiantou.png) no-repeat right 0.5rem center;
        background-size: 0.45rem 0.8rem;
    }
/*下拉后箭头*/
    select:focus {
        background: url(style/jiantou_bottom.png) no-repeat right 0.5rem center;
        background-size: 0.8rem 0.45rem;
    }