数组常用方法

1. push

=> 语法 arr.push(数据1, 数据2, 数据3, ...)
=> 作用 把所有的参数按照顺序追加到数组的末尾
=> 返回值，追加以后数组的长度
=> 直接操作原始数组

2. pop

=> 语法 数组.pop()
=> 作用 删除数组的最后一个数据
=> 返回值 被删除的数据
=> 直接操作原始数组

3. unshift()

=> 语法 数组.unshift(数据1, 数据2, 数据3, ...)
=> 作用 从数组最前面插入一些数据
=> 返回值 插入后的数组长度
=> 直接操作原始数组

4. shift()

=> 语法 数组.unshift()
=> 作用 删除数组的最前面一个元素
=> 返回值 被删除的数据
=> 直接操作原始数组

5. reverse()

=> 语法 数组.reverse()
=> 作用 反转数组
=> 返回值 反转后的数组
=> 直接操作原始数组

6. sort()

=> 语法 数组.sort()1. arr.sort()-> 按照每一个数据中的每一位数组的ASCII码进行排列2. arr.sort(function (a, b) {return a -b})-> 从小到大排2. arr.sort(function (a, b) {return b -a})-> 从大到小排
=> 作用 数组排序
=> 返回值 排序后的数组
=> 直接操作原始数组

7. splice()

=> 语法 数组.splice(开始索引，多少个)1. 数组.splice(开始索引，多少个)-> 从开始索引，截取多少个-> 第二个参数可以不写，直接到末尾2. 数组.splice(开始索引，多少个，替换数组1，替换数组2，替换数组3, ...)-> 把替换数据按照顺序插入到你街区的位置-> 注意 从那个位置开始索引删除，就替换数据的第一个就插入到哪个位置
=> 作用 1. 截取数组2. 替换新内容
=> 返回值 一定是一个数组
=> 如果你截取一个数据，数组里面有一个
=> 如果你一个都不截取，那么是一个空数组
=> 直接操作原始数组

8. concat()

=> 语法 数组.concat(数据1，数据2)
=> 作用 -> 如果参数是数组，那么把数组拆开，里面每一项追加到原数组后面-> 如果是参数数据，那么直接追加
=> 返回值 追加好的数组
=> 不改变原始数组

9. slice()

=> 语法1. 数组.slice(开始索引, 结束索引) [)第一个参数可以不写，表示从头第二个参数可以不写，表示到尾2. 数组.slice(开始索引, 结束索引) [) -> 参数可以写一个负整数-> length - 负数
=> 作用 获取数组里的某些数据
=> 返回值 一个数组-> 如果你获取多个数据，数组里面有多个-> 如果你获取一个数据，数组里面有一个-> 如果你一个都不获取，那么是个空数组
=> 不改变原始数组

10. join()

=> 语法：数组.join("连接符号")-> 不传递参数是按照(,)连接-> 你传递什么按照什么连接
=> 作用：把数字里面得每一个数据使用连接符号连接在一起
=> 返回值： 是一个连接好的内容，是一个String 类型

11. indexOf()

=> 语法：-> 数组.indexOf(数据)-> 数组.indexOf(数据, 开始索引) 从哪个索引开始查找
=> 作用： 正向查找数组里面指定这个数据的索引
=> 返回值： -> 如果有这个数据，是第一个满足条件的数据的索引-> 如果没有这个数据，那么是 -1

12. lastIndexOf()

=> 语法：-> 数组.lastIndexOf(数据)-> 数组.lastIndexOf(数据, 开始索引) 从哪个索引开始往前查找
=> 作用： 反向查找数组里面指定这个数据的索引
=> 返回值： -> 如果有这个数据，是第一个满足条件的数据的索引-> 如果没有这个数据，那么是 -1  -> 虽然是从后往前索引，但是索引还是正常索引

13. forEach()

=> 语法：数组.forEach(function (item, index, arr){})-> item 数组的每一项-> index 数组的索引-> arr 原始数组
=> 作用：取代for循环的作用，遍历数组
=> 没有返回值

13. map()

=> 语法：数组.map(function (item, index, arr){})-> item 数组的每一项-> index 数组的索引-> arr 原始数组
=> 作用：映射数组
=> 返回值: -> 新的数组-> 里面是对原始数组每一个数据的操作-> 返回值数组，一定和原始数组长度一样
=> 不改变原始数组

对应数组操作代码

     // 1.pushvar arr = ["hello", "world", "你好", "世界"]var res = arr.push("新来的", "新来的2", "新来的3")console.log(res);console.log(arr);//  2.popvar arr = ["hello", "world", "你好", "世界"]var res = arr.pop();console.log(res);console.log(arr);// 3. unshiftvar arr = ["hello", "world", "你好", "世界"]var res = arr.unshift("新来的1", "新来的2");console.log(res);console.log(arr);// 4. shiftvar arr = ["hello", "world", "你好", "世界"]var res = arr.shift("新来的1", "新来的2");console.log(res);console.log(arr);// 5. reverse()var arr = ["hello", "world", "你好", "世界"]var res = arr.reverse();console.log(res);console.log(arr);// 6. sort()var arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]var res = arr.sort();console.log(res);console.log(arr);var res = arr.sort(function(a, b) {return a - b})console.log(res);console.log(arr);var res = arr.sort(function(a, b) {return b - a})console.log(res);console.log(arr);// 7. splice()var arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]// var res = arr.splice(1, 3);// console.log(res);// console.log(arr);var res = arr.splice(1, 0, "新来的", "新来的二");console.log(res);console.log(arr);// 8. concat()var arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]var res = arr.concat([10, 20], [30, 40], 100);console.log(res);console.log(arr);// 9. slicevar arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]var res = arr.slice(1, 3);console.log(res);console.log(arr);var res2 = arr.slice(-8, -6);console.log(res2);console.log(arr);// 10. join()var arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]var res = arr.join("@-@");var res = arr.join();console.log(res);console.log(arr);// 11. indexOf()var arr = [1, 11, 133, 26, 51, 19, 32, 11, 15]var res = arr.indexOf(11);console.log(res);console.log(arr);var res = arr.indexOf(11, 4);console.log(res);console.log(arr);// 12. LastIndexOf()var arr = [1, 11, 133, 26, 51, 19, 32, 11, 15]var res = arr.lastIndexOf(11);console.log(res);console.log(arr);var res = arr.lastIndexOf(11, 5);console.log(res);console.log(arr);// 13. forEach()var arr = [1, 11, 133, 26, 51, 19, 32, 11, 15]let res = arr.forEach(function(item, index, arr) {// 这个函数，会根据数组里面有多少个数据执行多少回// console.log("我执行了")// item 分别是这个数组里面的每一项console.log(item);console.log(index);console.log(arr);})// 14. map()var arr = [1, 11, 133, 26, 51, 19, 32, 11, 15]var res = arr.map(function(item, index, arr) {console.log(item, "-----", index, "-----", arr);return item * 1.3;})console.log(res);

JavaScript的数组常用方法相关推荐

———— javascript中数组常用方法总结 ————
在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString()和valueOf()方法 toString ...
JavaScript截取数组常用方法
1.shif(),删除数组的第一个元素 2.unshift(),在数组的开头添加新元素 3.pop(),删除数组的最后一个元素 4.push(),数组的末尾添加新的元素 5.slice() ,截取数组 ...
javascript基础系列：数组常用方法解析
javascript基础系列:数组常用方法解析今天是比较特殊的日子,我们编程人员共同的节日,1024,祝每个编程人员节日快乐! 数组是javascript必不可少的一项,今天让我们来总结一下数组操作 ...
JavaScript数组常用方法解析和深层次js数组扁平化
前言数组作为在开发中常用的集合,除了for循环遍历以外,还有很多内置对象的方法,包括map,以及数组筛选元素filter等. 注:文章结尾处附深层次数组扁平化方法操作. 作为引用数据类型的一种,在处 ...
JavaScript中数组使用总结
一. 数组的概念 1.1 什么是数组数组是指的数据的有序列表. 数组中每个值称之为数组的一个元素. 数组中的每个元素都有一个位置,这个位置称之为索引(下标.index).数组的索引是从 0 开始的 ...
es6删除数组某一项_javascript基础系列：数组常用方法解析
javascript基础系列:数组常用方法解析今天是比较特殊的日子,我们编程人员共同的节日,1024,祝每个编程人员节日快乐! 数组是javascript必不可少的一项,今天让我们来总结一下数组操作 ...
es6删除数组某项_javascript基础系列：数组常用方法解析
javascript基础系列:数组常用方法解析今天是比较特殊的日子,我们编程人员共同的节日,1024,祝每个编程人员节日快乐! 数组是javascript必不可少的一项,今天让我们来总结一下数组操作 ...
[乐意黎原创] JavaScript中数组使用总结
原文地址:http://blog.csdn.net/u012468376/article/details/53147098 一. 数组的概念 1.1 什么是数组数组是指的数据的有序列表. 数组中每个 ...
JavaScript处理颜色常用方法
JavaScript处理颜色常用方法获取指定颜色的低透明度求两个颜色之间的渐变值将hex表示方式转换为rgb表示方式(这里返回rgb数组模式) 将rgb表示方式转换为hex表示方式 JS颜色十六 ...

JavaScript的数组常用方法

数组常用方法

1. push

2. pop

3. unshift()

4. shift()

5. reverse()

6. sort()

7. splice()

8. concat()

9. slice()

10. join()

11. indexOf()

12. lastIndexOf()

13. forEach()

13. map()

对应数组操作代码

JavaScript的数组常用方法相关推荐

最新文章

热门文章