文章目录
二.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)
输出结果
总结
以上就是今天要讲的内容,本文介绍了JavaScript数据中数组的使用,往期回顾请移步下方链接: