首页
学习
活动
专区
圈层
工具
发布

【JavaScript】数组 ⑤ ( 数组案例 | 创建数组存放 1 - 10 元素 | 数组筛选 | 删除数组元素 | 翻转数组元素 | 数组元素冒泡排序 )

一、JavaScript 数组案例 1、创建数组存放 1 - 10 元素 首先 , 声明一个空数组 ; 然后 , 通过 for 循环 , 通过 " 追加 " 的方式 , 将 1 ~ 10 整数存储到 数组...> 执行结果 : 2、数组筛选 将 给定数组 中 大于 5 的元素筛选出来 , 放入新数组中 ; 首先 , 创建一个新数组 , 用于存放 筛选出来的 大于 5 的元素...// 声明空数组 var arr = [9, 5, 2, 7]; // 存放筛选后的元素的数组 var newArr = [];...// 声明空数组 var arr = [9, 5, 2, 7]; // 存放筛选后的元素的数组 var newArr = [];...// 声明空数组 var arr = [9, 5, 2, 7, 2, 2]; // 存放筛选后的元素的数组 var newArr =

1.8K10

js数组笔记

一、定义 数组(array)是按次序排列的一组值。每个值的位置都有编号(从0开始)。整个数组用方括号表示,数组的值用','分割;数组的数据可以是任何类型。...原数组会会变化,截取的部分自动为一个数组返回。...,对数组的每个值执行函数操作,并把结果返回新数组 1)原理:遍历数组,对函数的每个值执行回调函数,返回值组成一个新数组。...原数组不变 2)函数参数: element:数组当前项的值 index:数组当前项的索引(可选) array:数组对象本身(可选) thisArg:执行 callback 函数时使用的this 值(可选...,对数组每一个元素执行callback函数,并将满足条件的值返回新数组 1)原理:遍历数组,对数组每一个元素执行callback函数,并将满足条件的值返回新数组。

15K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS之数组

    大家好,我是萧寒,今日分享的是js中的数组。 JS之数组 为什么要学数组? 我们先来思考一个问题,如果我们想储存班级中47个学生的期末成绩,那么该如何存储呢?...代码示范 //存放一个值 var num = 10; //存放九个值 var arr =[1,2,3,4,5,6,8,9,7]; 如何使用数组?...我们能使用手机,电脑正是因为它们存在我们才有机会去使用,数组也是一样,要使用必须自己创建一个数组,在JS中创建数组有一下两种方式 利用new创建数组 利用数组字面量创建数组 利用new创建数组...//存放一个值 var num = 10; //存放十个值 var [] arr = {1,2,3,4,5,6,8,9,7,}; 利用数组字面量创建数组 //使用数组字面量方式创建空数组...在JS当中我们压根就不用关心这个问题,因为js的数组中可以存放任意类型的数据,例如字符串,数字,布尔值。 var arr=['小白',121,true,29.9]; //这就很舒服。

    7.7K20

    JS数组操作

    将数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组 var arr = [[1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [...flat(val) : val), []) } 4、数组合并 请把两个数组 [‘A1’, ‘A2’, ‘B1’, ‘B2’, ‘C1’, ‘C2’, ‘D1’, ‘D2’] 和 [‘A’, ‘B’, ‘...给定一个数组,将数组中的元素向右移动k个位置,其中k是非负数。...nums,编写一个函数将所有0移动到数组的末尾,同时保持非零元素的相对顺序 输入:[0, 1, 0, 3, 12] 输出:[1, 3, 12, 0, 0] 补充:必须在原数组上操作,不能拷贝额外的数组...// 方法1 // 排序数组,再从前往后遍历数组 // 当相邻两个值不相等的时候 len 指针移动 1 位 // 最终 len 的值即为新数组的大小 let removeDuplicates = nums

    11.6K10

    Java数组在内存中是如何存放的

    int[] arr = new int[3]; 在以上代码中,arr变量存放了数组对象的引用;如果你创建了空间大小为10的整形数组,情况是一样的,一个数组对象所占的空间在堆上被分配,然后返回其引用; ?...事实上,在Java中只有一维数组,二维数组是一个存放了数组的数组,如下代码及示意图: int[ ][ ] arr = new int[3][ ]; arr[0] = new int[3]; arr[1]...对于多维数组来说,道理是一样的; 数组对象及其引用存放在内存中的哪里?...在Java中,数组同样是一个对象,所以对象在内存中如何存放同样适用于数组; 正如我们都知道的,java运行时数据区包括堆,JVM栈和其它。...如下代码是一个小例子,那么就让我们来看看数组和它的引用在内存中是如何存放的: class A { int x; int y; } ... public void m1() { int

    2.4K10

    【C++】B2089 数组逆序重存放

    前言 在C++学习过程中,数组的操作是一个非常重要的基础技能,而逆序操作作为一种常见的数组处理任务,往往是很多编程题的考察重点。...C++ 参考手册 问题描述 B2089 数组逆序重存放 题目要求如下: 题目:数组逆序重排 将一个数组中的值按逆序重新存放。...然后定义了一个数组 arr[n],用一个循环依次将用户输入的 n 个数存入数组。 逆序输出部分: 从数组的最后一个元素开始,使用一个递减循环依次输出每个元素。...逆序输出部分: 从数组的最后一个元素开始,依次向前输出每个元素。 仅在输出过程中完成逆序,不改变数组本身的内容。 优缺点 优点: 实现简单,逻辑清晰,不修改原数组内容。...修改了原数组内容 不修改原数组内容 适用场景 需要使用反转后的数组 仅需逆序输出结果即可 O(n) O(n) 空间复杂度 O(1) O(1) 修改原数组修改了原数组内容不修改原数组内容适用场景需要使用反转后的数组仅需逆序输出结果即可

    77610

    js 数组常用API

    blue”];var color2 = [“yellow”,”black”,”brown”];var color3 = color.concat(color2); // concat 是将参数传递进来的数组内容...拼接到调用者后面,不修改原数组var color4 = color.toString();// 数组转换成以逗号相连的字符串var color5 = color.join(‘+’);// 将数据转换成以参数相连的字符串...var color6 = “red,green+blue”;var color7 = color6.split(‘+’);// 将字符串按参数转换成数组console.log(color); // [“...,从开始参数的开始位置,到参数的结束位置, 不包括结束位置, 不改变原数组var arr = [{“name”: “aa”}, {“age”: 12}];console.log(arr.slice(1,...2)); // [{“age”: 12}]console.log(arr); // [{“name”: “aa”}, {“age”: 12}]// splice() 截取原数组的一段返回新数组, 修改原数组

    3.3K40

    js数组常用操作

    如果数组已经为空,则 pop() 不改变数组, 并返回 undefined 值。...合并两个数组 a.concat("123"); a.concat(["123"]); concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。...获取数组中的元素 arrayObject.slice(start,end) start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。...该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。...排序 a.sort(); 倒序 a.reverse() 该方法会改变原来的数组,而不会创建新的数组。

    3.2K10

    js 实现扁平数组转为树形结构数组及树形结构数组转为扁平数组

    返回为带有层级的对象数组 // 步骤 // 为了避免使用递归导致的性能较差,每次遍历一遍数字,这里使用 map 存储对象 // 1.先将每个对象变为通过 id 保存的具体对象的map 对象 // 2.创建结果数组...// 3.遍历传入的数组,根据传入的 parent_id(pid),获取所有父节点的对象,push 到数组中,作为第一层对象 // 4.在遍历数组过程中,获取数组的 pid,从刚才保存的对象中寻找父级对象是否存在如果存在...,增加 children 属性,数组,并 push 当前对象 // arr 为传入的待转换的扁平数组 // parentId 为根节点 id function arrayToTree(arr, parentId...arrayToTree2(items) { const result = []; // 存放结果集 const itemMap = {}; // for (const item...扁平数组转为属性结构数组,如果使用递归实现,时间复杂度为 O(2^n) 2. 注意修改原数组是否有影响,如果有影响,并且有原数组引用会产生问题。

    3.2K20

    js数组的创建

    数组 概要 Array 是ECMAScript中中最常用的类型了,ECMAScript数组跟其他编程语言的数组有很大的区别.ECMAScript 数组是一组有序的数据,但跟其他编程语言不用的是:数组的每个槽位可以存储任意类型的数据....这意味这可以创建一个数组,它的第一个 元素是字符串,第二个元素是数组,第三个是对象.......创建数组 1.Array  // 使用Array 创建数组  let p = new Array()  console.log(p); // [] 空数组 2.传入参数  // 该数组的length 设置为...也可以省略 new 关键字  let fruit = Array('苹果', '橘子', '香蕉') 4.使用数组字面量的方式  // 2.使用数组字面量的方式创建数组  let computer =...['华硕', '联想', '戴尔'] 5.Array.from() 与 Array.of() Array 构造函数还有连个ES6新增的用于创建数组的静态方法:from() 和 of() from()用于将类数组结构转换为数组实例

    4.3K10

    JS对象和数组

    一  JS对象      在JS中一切事物都是对象,字符串,数值,数组,函数      对象中包含属性和方法 对象的属性既可以存放基本数据类型也可以存放其他对象的引用值或者函数的引用值,如果存储的是函数的的引用值则该属性称为方法...,即用["属性名称"]; 可以使用delete运算符删除对象的属性 二   数组 数组的创建方法 new关键字创建空数组 new关键字创建包含元素的数组 new关键字创建指定元素个数的数组 也可以使用[...]直接创建数组 可以使用length属性获取数组的长度;并且可以给一个数组赋值。...读取数据:可以使用索引查询获取数组元素和添加数组元素 添加数据:使用push方法将新元素添加到数组尾部....reverse:颠倒数组元素的顺序;返回值为逆序后的新数组。

    8.8K20
    领券