JavaScript 数组索引取值

JavaScript 数组索引取值

最近在学习Python的Django框架,顺便学一下前端的JS

JS中[index]可以取值,但是不能直接向Python一样进行切片取值

1. 索引取单个值 arr[index]

• arr[index] 返回对应索引的值,初始索引为0

let arr = [1,2,3,4];
console.log(arr[2]); -> 3
console.log(arr[3]); -> 4

• 支持负数索引，最后一个元素索引 -> -1

let arr = [1,2,3,4];
console.log(arr[-1]); -> 4
console.log(arr[-2]); -> 3

2. 索引取范围值 arr.slice(start,end)

arr.slice(start,end) start -> 必填参数 end -> 可选

end 参数不填写默认取从start取到最后

该方法不改变原本数组,返回一个新的数组,返回值包含开始索引对应值,但不包含结束索引对应值,类似于Python切片取值

let arr = [1,2,3,4,5,6]
console.log(arr.slice(1,4)) //该方法返回开始索引1,结束索引4(不包含结束索引的数组) -> [2,3,4]
console.log(arr.slice(1)) //该方法返回开始索引1一直取到最后 -> [2,3,4,5,6]

与Python列表切片不同的是 , 如果end和start都使用负数索引,则会返回 -> []

let arr = [1,2,3,4,5,6]
console.log(arr.slice(-1,-3)) //该方法返回[] -> []

如果索引范围超过数组本身,超出部分则不返回,但是会返回不超出部分

let arr = [1,2,3,4,5,6]
console.log(arr.slice(10)) //该方法返回[] -> []
console.log(arr.slice(1,12)) //虽然1,12超出了索引范围,但是不会引发error,而是返回[2,3,4,5,6] 即索引(1->5)