二.JavaScript中的数据（续）

数组（Array）

数组：有序的 数据 的集合

var arr = [100,true,'hello world']

索引（下标）[ 0 ，1 ，2]

索引：从0开始，依次+1

JavaScript数组

获取长度

语法：数组名.length

代码示例

<script>
    // 准备一个数组
    var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 获取数组的长度
console.log(arr.length);

输出结果

设置长度

语法：数组名.length=数字

代码示例

// 准备一个数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 获取数组的长度
console.log(arr.length);
// 修改一下数组的长度
arr.length = 3;
// 输出数组
console.log(arr);
// 输出数组的长度
console.log(arr.length);

输出结果

获取数据

语法：数组名[索引]

代码示例

// 准备一个数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 输出数组中索引为2的数据
console.log(arr[2]);

输出结果

设置数据

语法：数组名[索引]=值

代码示例

// 准备一个数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 输出数组中索引为2的数据
console.log(arr[2]);
// 修改数组中索引2的数据
arr[2]=500;
// 再次输出一下
console.log(arr);
// 再次输出数组中索引为2的数据
console.log(arr[2]);

输出结果

数组的遍历

代码示例

// 准备一个数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 书写循环
for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

输出结果

总结

JavaScript给莪们提供了很多操作数组的快捷方法，我们可以通过调用这些方法来方便的操作数组

下面对部分需要参数的方法，进行演示解说：

splice（）

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行splice方法
var res = arr.splice()
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行splice方法
var res = arr.splice(1,1)
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行splice方法
var res = arr.splice(1,1,'新来的')
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果

join()

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行join方法
var res = arr.join('-')
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果

concat()

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行concat方法
var res = arr.concat([500,600])
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果

slice()

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行slice方法
var res = arr.slice()
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行slice方法
var res = arr.slice(1)
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行slice方法
var res = arr.slice(1,3)
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果

indexOf()

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行indexOf方法
var res = arr.indexOf(200)
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果

代码示例

// 准备一个原始数组
var arr=[100,200,300,400]
// 输出一下
console.log(arr);
// 执行indexOf方法
var res = arr.indexOf(500)
// 输出一次数组
console.log(arr);
// 输出一次返回值
console.log(res)

输出结果