Js 基本数据类型,var 变量,数组

(一) Js 数据类型

  分为基本数据类型以及引用类型

  基本数据类型有 null,undefined,Boolen,Number,String,还有一种复杂数据类型 Object。

        var var1 = "xianrongbin", var2 = false, var3 = null, var4 = undefined, var5 = 123;
        console.log(typeof var4);

        var var6 = [1, 23, 5];
        console.log(typeof var6);

   这里,其实只需一个var的,为了区别基本数据类型与复杂数据类型,写了两个var 关键字。

将所有的变量定义在一个var后面,有益提升程序运行效率。

如果在一个函数中,不标注 var,则该变量是全局变量,是window的变量,因为所有全局变量都是由window承担的。

     function testVar() {
            num = 1;
        }
        testVar();
        console.log(window.num);

   这里输出1,如果在 "num" 前加上var,输出则会报错。

基本数据类型与值类型,一个是传值,一个是改变地址。

  var var6 = [1, 23, 5];
        function changeValue(obj) {
            obj.pop();
        };

        changeValue(var6);
        console.log(var6);

        var num = 1;
        function changeNum(num) {
            num = num + 1;
        };
        console.log(num);

代码

   输出的值是 [1,23]  1。 这点很重要。 这里于C#有很大的不同。

(二) 数组操作

数组类型是Object。

若要     往数组尾添加一个或多个元素,可用push(),

删除最后一个元素,可用pop(),

             删除数组头一个元素,可用shif(),

      向数组头添加一个或多个元素,可使用unshift,

      需要知道某个元素在数组中的位置,可用indeOf(元素名称),不存在返回-1,

      知道元素的位置后,需删除某个元素,则使用splice(index,1),

                如果需要删除某个元素,替换成1个或多个元素,则使用splice(index,1,a,b...),

                如果需要在某个元素后插入1个或多个元素,则使用splice(index,0,a,b...),也只是将上面的1变成0罢。

这里需要注意的是contact方法。

  上述方法都会改变原数组属性,即改变指针;contact不会改变原有的数组,只是返回原数组的一个副本。

  看看下面操作后testArray的结果

        var testArry = [1, 2, 3, 4, 5, 6];
        testArry.push(7);

        testArry.pop();

        testArry.shift();

        testArry.unshift(‘unshift1‘, ‘unshift2‘);

        concatArry= testArry.concat(‘concat1‘);

        var index = testArry.indexOf(‘concat1‘);
        testArry.splice(index, 1);

        testArry.splice(0, 1, ‘replace1‘,‘replace2‘);

Array操作基本函数

  结果是:   ["replace1", "replace2", "unshift2", 2, 3, 4, 5]

    

(三)五个迭代函数

  这五个迭代函数是.every .some .filter .forEach  .map他们都有三个参数(item,key,value),key是从0开始计数,后两个参数可选用。

  . every()   对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则返回true

  . some()    对数组中的每一项运行给定的函数,如果该函数对任意一项返回true,则返回true

  . filter()  对数组中的每一项运行给定的函数,返回该函数返回true的项组成的数组。

  . forEach() 对数组中的每一项运行给定的函数,这个方法没有返回值

  . map()     对数组中的每一项运行给定的函数,返回每次函数调用的结果组成的数组

用法如下

var testArry = [1, 2, 3, 4, 5, 6];
        var isAllBig2 = testArry.every(function (item) {
           return item > 2;
        });
        console.log(isAllBig2);

        var isSomeBig2 = testArry.some(function (item) {
            return item > 2;
        });
        console.log(isSomeBig2);

        var filterArray = testArry.filter(function (item) {
           return item > 2;
        });
        console.log(filterArray);

        var mapArray = testArry.map(function (item) {
           return item + 2;
        });
        console.log(mapArray);

        var forEachResult = testArry.forEach(function (item) {
            if (item >5) {
                console.log(item);
            }
        });

  其中,.forEach是无返回值,而其他几个是有返回值的,这点需要注意。

  上述输出结果分别是

    false

    true

    [3, 4, 5, 6]

    [3, 4, 5, 6, 7, 8]

    6

  

  

时间: 2024-08-07 13:12:53

Js 基本数据类型,var 变量,数组的相关文章

js数据类型判断和数组判断

这么基础的东西实在不应该再记录了,不过嘛,温故知新~就先从数据类型开始吧 js六大数据类型:number.string.object.Boolean.null.undefined string: 由单引号或双引号来说明,如"string" number:什么整数啊浮点数啊都叫数字,你懂的~ Boolean: 就是true和false啦 undefined:未定义,就是你创建一个变量后却没给它赋值~ null: 故名思久,null就是没有,什么也不表示 object: 这个我也很难解释的

JS基础-数据类型-运算符和表达式-变量和常量

1.js的基础语法2.js调试 1.F12调出控制台,查看提示错误及其位置. 2.出错时只影响当前代码块,不会影响其他代码块,后续代码块继续执行.3.语法规范 1.js语句:可执行的最小单元 必须以 ; 结束 严格区分大小写 ex:console.log(); //正确 Console.log(); //错误 所有符号必须是英文标点符号 2.js注释 // :单行注释 /**/ :多行注释4.变量和常量 1.变量 1.声明变量 var 变量名; ex: var uname; 2.为变量赋值 变量

前端开发入门到实战:HTML标签和JS中设置CSS3 var变量

一.HTML标签中设置CSS变量 如下: <div style="--color: #cd0000;"> <img src="mm.jpg" style="border: 10px solid var(--color);"> </div> 直接正常CSS语句一样在style属性中设置即可. 效果如下截图: 二.JS中设置CSS变量 如下,HTML示意: <div id="box">

web前端入门到实战:HTML标签和JS中设置CSS3 var变量

一.HTML标签中设置CSS变量 如下: <div style="--color: #cd0000;"> <img src="mm.jpg" style="border: 10px solid var(--color);"> </div> 直接正常CSS语句一样在style属性中设置即可. 效果如下截图: 二.JS中设置CSS变量 如下,HTML示意: <div id="box">

javascript变量 数组 引用类型

一 全局变量和局部变量 全局变量:(1)在方法外部声明的变量(2)方法内部,没有加var关键字声明的变量 局部变量:方法内部,使用var声明的变量 <script type="text/javascript"> var a=3; //全局变量 function test(){ var a=2; //局部变量 alert(a); } test(); </script> 结果: 如果注释掉var a=2; <script type="text/jav

【JavaScript基础】在写冒泡排序时遇到的JavaScript基础问题:JavaScript的数据类型和变量赋值时的原理

写冒泡排序时,遇到一个问题: function bubbleSort(arr){ var temp = 0; console.log("传入的数组:"); console.log(arr); for(var i = 0;i<arr.length;i++){ //循环arr.length-1次 console.log("外层第"+i+"次循环===============start"); for(var j = 0;j<arr.leng

JavaScriptav数据类型和变量

数据类型 计算机顾名思义就是可以做数学计算的机器,因此,计算机程序理所当然地可以处理各种数值.但是,计算机能处理的远不止数值,还可以处理文本.图形.音频.视频.网页等各种各样的数据,不同的数据,需要定义不同的数据类型.在JavaScript中定义了以下几种数据类型: Number JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型: 123; // 整数123 0.456; // 浮点数0.456 1.2345e3; // 科学计数法表示1.2345x

转战JS(1) 初探与变量类型、运算符、常用函数与转换

转战JS(1)初探与变量类型.运算符.常用函数与转换 做为一名.NET后台开发人员,正考滤向Web前端开发转型,之前也写过一代前端代码,可是当再回头看JS,并有转向它的意愿的时候,突然发现:原来JS不是那么简单的.很多的细节部分以前都没有注意到,现在把学习的知识点记录下来,做为学习笔记,好时不时看看.如果有什么错误,还请各位看官多多包涵.多多指正. JavaScript是一门轻量型的面向Web编程的脚本言语言,常被简称为:JS.广泛应用于PC和各种移动设备中,常和HTML.CSS一起组成网页页面

JS中数据类型及原生对象简介

js是一种专门设计用来给网页增加交互性的编程语言,它的技术体系包含了一下几个方面: 1.JavaScript核心语言定义:包括数据类型,变量,常量,运算符,语句等. 2.原生对象和内置对象 3.浏览器对象BOM 4.文档对象类型DOM 5.事件处理模型 将js添加到文档中的方法有三种: 1.内嵌式 2.将js源文件通过<script>元素的src属性连接到XHTML文档中 3.脚本包含在XHTML事件处理属性中,例如onclick js的数据类型分为原始数据类型和引用数据类型: 一.原始数据类

JS的数据类型及转换(还是基础的东西)

朋友说我这是再自娱自乐,我只想说,你说的对????????!其实也不然,这算是我对自己的基础的一次彻底性的重新梳理以及闲的无聊,找点显得比较有意义的事情做罢了. 回归正题,在JS中,数据类型有哪些呢?看看下图 字符串.数字.布尔类型就不细说了,这些大家都懂,说一些大家关注度比较少的东西...... NULL和Undefined: NULL和Undefined一样都只有一个值,并且都是他们本身,但是有一点特别的有意思,那就是: 在W3C里事这样解释这两个东西的: 值 undefined 实际上是从