js数组操作

通过索引下标来操作数组
通过索引下标,来修改数组中,存储的单元的数据
// 对已存在的索引下标,进行赋值,进行的是重复赋值,会覆盖之前存储的数据
在这里插入图片描述
这里第一个值北京被替换为武汉
通过索引下标,来新增数组的单元
// 对不存在的索引下标,进行赋值,是新增数组单元的操作
js数组操作_第1张图片
间隔索引会自动生成间隔数量相应的空白单元

数组变量.unshift(新增的数据) 在数组的起始位置新增单元
数组变量.push(新增的数据) 在数组的结束位置新增单元
数组.shift(什么都不要写,写了也没用) 只能删除起始的第一个单元
数组.pop(什么都不要写,写了也没用) 只能删除结束的最后一个单元
js数组操作_第2张图片
unshift() push() 新增单元操作,返回值都是新增单元之后,数组新的长度,也就是length属性值
shift() pop() 删除单元操作,返回值都是删除单元存储的数据信息

js数组操作_第3张图片
res1,res2返回当前数组新的长度
res3直接返回删除的值
js数组操作_第4张图片

删除数组的指定单元: 数组.splice()
// 参数1: 删除起始单元的位置—索引下标
// 参数2: 从起始单元开始,删除单元个数—删除几个单元
// 参数3: 在删除的位置上,插入的新的数据
// 替换插入的数据,可以是一个,可以是多个,多个单元之间使用逗号间隔
js数组操作_第5张图片
js数组操作_第6张图片
此时从索引下标为2(也就是第三个值)的值开始删除,删除2个值
在这里插入图片描述js数组操作_第7张图片
如果只写一个参数,就是从这个索引下标开始删除后面的所有数据
js数组操作_第8张图片
js数组操作_第9张图片
不写参数的话没有任何效果js数组操作_第10张图片
js数组操作_第11张图片
写三个参数执行效果类似于替换操作
// 从索引下标是2,实际是第三个单元开始,删除2个单元(包裹索引2的单元)
// 然后替换插入数据 武汉 , 加油

数组的排序方法
// arr.sort();

    // 从小到大的固定语法形式
    // arr.sort( function(a,b){return a-b} )

    // 从大到小的固定语法形式

js数组操作_第12张图片
js数组操作_第13张图片
此时按照从大到小排序 return b-a

数组的反转
// 数组.reverse();js数组操作_第14张图片在这里插入图片描述
数组被反向排列

数组和字符串的转化
// 数组.join() 不会改变原始数组的内容js数组操作_第15张图片js数组操作_第16张图片
间隔符号默认为逗号

js数组操作_第17张图片在这里插入图片描述

    // 字符串转化为数组
    // 将字符串,切割,存储为数组的形式

js数组操作_第18张图片
js数组操作_第19张图片
数组的拼接
// 数组1.concat(数组2)
// 将两个数组,拼接为一个数组
// 将来两个数组的数据内容进行拼接

你可能感兴趣的:(js数组操作)