js 数组操作方法（不改变原数组与改变原数组方法）

一：不改变原数组的方法

1. concat() 方法用于连接两个或多个数组

let a =[1,2,3], b=[4,5,6];
let c = a.concat(b);
console.log(a);//[1,2,3]
console.log(b);//[4,5,6]
console.log(c);// [1,2,3,4,5,6]

2. join(); 用于把数组中的所有元素放入一个字符串，元素通过制定分隔符进行分隔的

let a = [1,2,3];
let aa = a.join(':');
console.log(a);// [1,2,3]
console.log(aa);// '1:2:3',如果join 什么也不传默认用, 分隔

3. slice();

数组的截取(start, end), start: 开始索引， end: 结束索引，不写默认截取到末尾

start, end 都不写：默认截取全部

let a = [1,2,3];
let a1 = aa.slice();
let a2 = aa.slice(1);
let a3 = aa.slice(1,2);
console.log(a);//[1,2,3]
console.log(a1);//[1,2,3]
console.log(a2);//[2,3]
console.log(a3);//[2,3]

4. toString(); 把数组转换成字符串

let a = [1,2,3];
let aa = a.toString();
console.log(a);//[1,2,3]
console.log(aa);//'1,2,3'

5. filter(); 返回为真的，放到一个新的数组里

let a = [1,2,3];
let aa = a.filter(item =>{return item>1});
console.log(a);//[1,2,3]
console.log(aa); // [2,3]

6. map(); 在现有数据基础上进行更改，返回一个新的数组

let a = [1,2,3];
let b = a.map(item =>{ return item * 2});
console.log(a);//[1,2,3]
console.log(b);//[2,4,6]

7. find(); 返回为真的那一项, 找到真则返回不再继续找

let a = [1,2,3];
let b = a.find(item => item===2);
console.log(a);//[1,2,3]
console.log(b);//[2]

二. 改变原数组的方法

1. pop(); 用于删除并返回数组最后一个元素

let a = [1,2,3];
let b = a.pop();
console.log(a);//[1,2]
console.log(b);//[3]

2. push(); 向数组末尾添加一个或多个元素，并返回新的长度

let a = [1,2,3];
let b = a.push(7);
console.log(a);//[1,2,3,7]
console.log(b);//4

3. shift(); 删除并返回第一个元素的值

let a = [1 ,2 ,3];
let b = a.shift();
console.log(a)// [2,3]
console.log(b);//1

4. unshift(); 向数组的开头添加一个或更多元素，并返回新的长度

let a = [1,2,3];
let b = a.unshift(7);
console.log(a);// [7,1,2,3]
console.log(b); // 4

5. reverse(); 颠倒数组元素中的顺序

let a = [1,2,3];
a.reverse();
console.log(a);// [3,2,1]

6. sort(); 排序

let a = [1,2,5,4,3];
a.sort();
console.log(a);// [1,2,3,4,5] 默认从小到大// 想要从大到小排序
let b = [1,2,5,4,3];
b.sort((a,b)=> b-a);
console.log(b); // [5,4,3,2,1]

7. splice(start, length); 截取数组中的一部分,start 开始索引，length截取的长度，返回截取的内容

let a = [1,2,3,4,5];
let a1 = a.splice();let b =[1,2,3];
let b1 = b.splice(1,1);
console.log(a);//[1,2,3,4,5]
console.log(a1);// []
console.log(b);//[1,3]
console.log(b1);// [2]

js 数组操作方法（不改变原数组与改变原数组方法）相关推荐

es6 取数组的第一个和最后一个_es6常用数组操作及技巧汇总
定义数组 const array = [1, 2, 3]; 或者 const array = new Array(); array[0] = '1'; 建议尽量使用第一种形式定义数组,采用new的形式 ...
有哪些数组操作？哪些操作不会改变原数组？
作业帮面试题,原题目是"哪些数组操作不会改变原数组?",这里扩展一下,列出了所有的数组操作. 1.shift 删除数组中第一个元素,返回被删除的元素,改变了原数组 array.sh ...
字符串、对象、数组操作方法、json方法
1.字符串操作方法 1.charAt * 作用 * 通过索引找字符 * 语法 * 字符串.charAt(index) * 参数 * ...
js笔记（三）ES5、ES5新增的数组的方法、字符串的方法、字符编码、对象的序列化和反序列化、bind
数组方法.字符串方法总结大目录小目录一.ES5严格模式 1. 严格模式: 2. 严格模式的行为变更: 二.ES5新增的数组的方法 1. 判断是否为数组:Array.isArray(): 2. 判 ...
JavaScript常用数组操作方法
1.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. 2.join() join() 方法用于把数组中的所有元素放入一个字符串. ...
js中实现截取数组的后几个元素作为一个新数组的方法
js中实现截取数组的后几个元素作为一个新数组的方法有时候我们会遇到这种需求,截取数组中后5个元素作为一个新数组,且顺序不能变.数组中的slice()方法和splice()方法都可以实现这样的操作. ...
参数数组长度_JS数组操作方法总结（二）——pop、shift、push、unshift
数组操作使我们日常使用频率很高的一类方法,今天就数组的操作方法做一个总结. 2. pop() -- 删除数组中的最后一个元素,并返回这个元素语法:array.pop(); 无参数返回值:删除数组的 ...
技巧收藏｜10个JavaScript常用数组操作方法
摘要:这篇文章,向大家展示了在日常开发中,数组有哪些小技巧值得借鉴和学习. 在web前端开发第二阶段Javascript中,数组是一个重要且常见的知识点,我们经常将数据存储在数组中,遍历数组或替换数组 ...
html中splice向数组添加元素,js中splice()的强大(删除，插入或替换数组的元素)
1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 2.插入-向数组指定位置插入任意项元素.三个参数,第一个参数(其实位置),第二个参数(0),第三个参数( ...
js中数组filter过滤奇偶数_js--数组的filter()过滤方法的使用
前言你还在通过for循环遍历数组吗?你还在遍历之后一项一项的通过if判断过滤你需要的数据吗?你还在写着一大堆代码实现一个简单的过滤数据功能吗?那么,今天他来了.他就是这里要介绍的es6中数组filt ...

js 数组操作方法（不改变原数组与改变原数组方法）

一：不改变原数组的方法

二. 改变原数组的方法

js 数组操作方法（不改变原数组与改变原数组方法）相关推荐

最新文章

热门文章

js 数组操作方法（不改变原数组与改变原数组方法）

一： 不改变原数组的方法

二. 改变原数组的方法

js 数组操作方法（不改变原数组与改变原数组方法）相关推荐

最新文章

热门文章

一：不改变原数组的方法