JavaScript数据结构-1.数组
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//数组浅复制：指向的是同一个对象，对象变化时，他们都变化。
var numbers = [1,2,3];
var num = numbers;
console.log(num);
console.log(numbers);
numbers[1] = 4;
console.log(num[1]); //数组深复制：把数组中的每个元素都复制到新数组中
function Copy(arr1,arr2){
for(var i=0;i<arr1.length;i++){
arr2[i]=arr1[i];
}
return arr2;
} //数组几个可变方法： unshift() 添加元素到数组开头 push() 添加元素到数组尾 pop()删除最后一个元素 shift() 删除数组第一个元素 var arr = [1,2,3,4,5];
arr.unshift(6);
console.log("unshift",arr);
var arr = [1,2,3,4,5];
arr.shift();
console.log("shift",arr);
var arr = [1,2,3,4,5];
arr.push(6);
console.log("push",arr); var arr = [1,2,3,4,5];
arr.pop();
console.log("pop",arr); //数组排序 sort() 和 sort(function) ，reverse();
function compare(num1,num2){
return num1-num2;
}
var arr = [1,3,100,6,50];
// arr.sort();//这个排序默认以字符串的形式排列 所以数字有误差 可以加个比较函数 实现数字排序。
arr.sort(compare);
console.log("sortarr",arr); arr .reverse();
console.log(arr,"reverse"); //返回索引 ： indexOf() 和 lastIndexOf()
var arr = [1,2,2,3];
console.log(arr.indexOf(2));
console.log(arr.indexOf(4)); // 找不到 返回-1
console.log(arr.lastIndexOf(2)); // 返回数组中跟参数相同的所有元素中的最后一个索引。 //数组字符串表示 join() 和 toString()方法
var arr = ['zhangsan','lisi','zhaowu','wangliu'];
console.log(arr.join());
console.log(arr.toString()); //返回的结果是一样的，逗号分隔的字符串. //数组生成数组 ：concat() splice()
var arr1 = ['hello','javascript'],
arr2 = ['name','class'];
console.log(arr1.concat(arr2)); var arr = ['hello','this',"is",'splice'];
console.log(arr.splice(1,3));
console.log(arr); //切割完 数组就变成剩下的元素组成的数组 //从数组中间位置添加 删除元素 ：splice(a,b,value) a :起始索引 b 要截取（删除）的元素个数 value，要添加的元素,可以是多个，依次逗号隔开。
var arr= [1,2,3,100,200,4,5];
arr.splice(3,2);
console.log(arr); //完成删除 var arr = [1,2,3,4,5];
arr.splice(3,0,100,200); //插入的值依次逗号隔开
console.log(arr); //迭代器方法
//不生成新数组的： forEach(function) 接受一个函数，对每个元素进行迭代，
// every(function) 返回一个布尔值，方法作用在每个元素上都返回true，every(function) 才返回true
// some(function) 与every(function ) 类似，但只要有一个返回true，some就返回true。
// reduce(function) 迭代累加, 也可以连接成字符串， 还可以用 reduceRight(function)方法进行反转 //forEach(function)
var arr = [1,2,3,4,5,6,7,8,9];
function print(num){
console.log(num,num*num);
}
arr.forEach(print); //every(function)，some(function)
var arr = [4,5,6,7,8,9];
var bool = arr.some(function(num){
// var bool = arr.every(function(num){
console.log(num>5);
return num>5
});
console.log(bool); //reduce(function)
var arr = [1,2,3,4];
function add(num1,num2){
return num1 + num2;
}
console.log(arr.reduce(add)); //10 //生成新数组迭代方法：map(function), filter(function)
//map
var arr = ["hello","javascript","function"];
function first(value){
return value[0];
}
console.log(arr.map(first).join('')); //filter:参数函数需要返回布尔值，结果是满足条件的所有元素列表。 相当于过滤器。也可以用来过滤字符串数组。
var arr = [1,2,3,4,5,6,7,8];
var res = arr.filter(function(num){
return num >5
})
console.log("res",res); //6，7，8 //获取数组所有key值
var arr=new Array();
arr["name"] = "张三";
arr["age"] = "20"; console.log(Object.keys(arr));
</script>
</body>
</html>
JavaScript数据结构-1.数组的更多相关文章
- 翻阅《数据结构与算法javascript描述》--数组篇
导读: 这篇文章比较长,介绍了数组常见的操作方法以及一些注意事项,最后还有几道经典的练习题(面试题). 数组的定义: JavaScript 中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性 ...
- 为什么我要放弃javaScript数据结构与算法（第二章）—— 数组
第二章 数组 几乎所有的编程语言都原生支持数组类型,因为数组是最简单的内存数据结构.JavaScript里也有数组类型,虽然它的第一个版本并没有支持数组.本章将深入学习数组数据结构和它的能力. 为什么 ...
- JavaScript数据结构与算法-数组练习
一. 创建一个记录学生成绩的对象,提供一个添加成绩的方法,以及一个显示学生平均成绩的方法. // 创建一个记录学生成绩的对象 const Students = function Students () ...
- 重读《学习JavaScript数据结构与算法-第三版》- 第3章 数组（一）
定场诗 大将生来胆气豪,腰横秋水雁翎刀. 风吹鼍鼓山河动,电闪旌旗日月高. 天上麒麟原有种,穴中蝼蚁岂能逃. 太平待诏归来日,朕与先生解战袍. 此处应该有掌声... 前言 读<学习JavaScr ...
- JavaScript 数据结构与算法之美 - 线性表（数组、栈、队列、链表）
前言 基础知识就像是一座大楼的地基,它决定了我们的技术高度. 我们应该多掌握一些可移值的技术或者再过十几年应该都不会过时的技术,数据结构与算法就是其中之一. 栈.队列.链表.堆 是数据结构与算法中的基 ...
- JavaScript 数据结构与算法1(数组与栈)
学习数据结构的 git 代码地址: https://gitee.com/zhangning187/js-data-structure-study 1.数组 几乎所有的语言都原生支持数组类型,因为数组是 ...
- JavaScript数据结构——数组
参考书籍:<学习JavaScript数据结构与算法>
- 【从0到1学javascript】javascript数据结构----数组
javascript中对数组的定义 数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可以是整数.这些数字索引在内部被转换成字符串类型.这是因为javascript对象中的属性名必须是字符 ...
- 学习javascript数据结构(三)——集合
前言 总括: 本文讲解了数据结构中的[集合]概念,并使用javascript实现了集合. 原文博客地址:学习javascript数据结构(三)--集合 知乎专栏&&简书专题:前端进击者 ...
随机推荐
- 7、Docker Container
7.1 什么是Container 通过image创建(copy) 在Image layer之上建立一个Container layer(可读写) 类比面向对象:类和实例 Image负责APP的存储和分发 ...
- Android-sdcard广播的接收处理
有时候Android手机在开机成功后的那几秒会在状态栏通知,Sdcard开始扫描,Sdcard扫描完成,等信息 当Sdcard的状态发生改变后,系统会自动的发出广播 Sdcard的状态: 1.moun ...
- Android-HttpsURLConnectionHelp工具类
Java版(HttpURLConnection)Https请求工具类 public class HttpsURLConnectionHelp { /** * 加密协议 */ public static ...
- Silverlight与JavaScript的交互操作
Silverlight和JavaScript交互介绍以及简单Demo演示,主要包括JavaScript操作Silverlight数据.Silverlight操作JavaScript数据以及数据模版绑定 ...
- Linux Redis 开机启动
通过初始化脚本启动Redis 在Redis源代码目录的utils文件夹中有一个名为redis_init_script的初始化脚本文件.需要配置Redis的运行方式和持久化文件.日志文件的存储位置.步骤 ...
- windows服务安装记录
首先打开cmd. 进入这个地址 C:\Windows\Microsoft.NET\Framework\v4.0.30319 执行操作 InstallUtil.exe E:\QueueWinServi ...
- autofac JSON文件配置
autofac是比较简单易用的IOC容器.下面我们展示如何通过json配置文件,来进行控制反转. 需要用到以下程序集.可以通过nugget分别安装 Microsoft.Extensions.Confi ...
- js日期转换工具
var dq = new Date();//定义当前时间var sDueDate = formatDate(dq);/调用日期转换方法 传入当前时间 //进行日期转换 function formatD ...
- Java50道经典习题-程序8 输入数字求和
题目:求s=a+aa+aaa+aaaa+aa...a的值,其中a是一个数字.例如2+22+222+2222+22222(此时共有5个数相加),几个数相加有键盘控制. 分析:关键是计算出每一项的值. i ...
- django系列5.2--ORM数据库的单表操作
单表操作 在views.py中添加对数据库的操作语句 #在逻辑代码中导入你要操作的表 from app import models def add_book(request): ''' 添加表记录 : ...