JavaScript 学习日记 第一篇 Arrays

Arrays


Arrays 的一系列方法

pop & push

        function myFunction()
        {
            var testArray = [];
            testArray = [1, 2, 3, 4];
            alert(testArray.pop()); //show 4
            for (var i = 0; i < testArray.length; i++)
            {
                alert(testArray[i]);
            }//show 1 2 3
            testArray.push(4);
            for (var i = 0; i < testArray.length; i++)
            {
                alert(testArray[i]);
            }//show 1 2 3 4
        }

shift & unshift

function myFunction()
        {
            var testArray = [];
            testArray = [1, 2, 3, 4];
            testArray.shift();
            for (var i = 0 ; i < testArray.length; i++)
            {
                alert(testArray[i]);
            }//show 2 3 4
            testArray.unshift(11);
            testArray.unshift(22);
            for (var i = 0 ; i < testArray.length; i++)
            {
                alert(testArray[i]);
            }//show 22 11 2 3 4
            testArray.unshift(33 ,44);
            for (var i = 0 ; i < testArray.length; i++)
            {
                alert(testArray[i]);
            }//show 33 44 22 11 2 3 4
        }

splice & slice

        function myFunction()
        {
            var testArray = [];
            testArray = [1, 2, 3, 4];
            testArray.splice(0, 2);
            for (var i = 0 ; i < testArray.length; i++)
            {
                alert(testArray[i]);
            }//show 3 4
            testArray.unshift(1, 2);
            testArray.splice(1, 2);
            for (var i = 0 ; i < testArray.length; i++)
            {
                alert(testArray[i]);
            }//show 1 4
            testArray.splice(0, 0, 5, 6, 7);
            for (var i = 0 ; i < testArray.length; i++)
            {
                alert(testArray[i]);
            }//show 5 6 7 1 4
            var tempArray = testArray.slice(0, 2);
            for (var i = 0; i < tempArray.length; i++)
            {
                alert(tempArray[i]);
            }//show 5 6
        }

那些值得注意的(1)



今天在学习时发现,由于JavaScript是运行时编译。以下能正常运作的代码

        function myFunction()
        {
            var testArray = ["guan", "wen", "xiang"];
            var testString = prompt("Please enter part of my chinese name", "NULL").toLowerCase();
            var targetFlag = false;
            for (var i = 0; i < testArray.length; i++)
            {
                if (testArray[i] == testString)
                {
                    targetFlag = true;
                }
            }
            if (targetFlag)
            {
                alert("Get it");
            }
        }

改成这样

        function myFunction()
        {
            var testArray = [guan, wen, xiang];
            var testString = prompt("Please enter part of my chinese name", "NULL").toLowerCase();
            var targetFlag = false;
            for (var i = 0; i < testArray.length; i++)
            {
                if (testArray[i] == testString)
                {
                    targetFlag = true;
                }
            }
            if (targetFlag)
            {
                alert("Get it");
            }
        }

在编译器一级时不会报错的,当然。。。在浏览器那就跑不起来了。

使用slice用于检测用户输入的例子


        function myFunction()
        {
            var testText = prompt("Input SomeText Please ,but without double space");
            if (testText.length > 1)
            {
                for (var i = 0; i < testText.length - 1; i++)
                {
                    if (testText.slice(i, i + 2) == "  ")
                    {
                        alert("double space occurred");
                    }
                }
            }
        }
时间: 2024-10-10 14:08:27

JavaScript 学习日记 第一篇 Arrays的相关文章

Egret入门学习日记 --- 第一篇

第一篇(了解篇): 我人比较笨,得慢慢学,我就一点一点来好了. 首先,我个人喜欢游戏.网页开发相对游戏开发来说,网页开发实在太枯燥了,没劲.所以打算转游戏开发了. 游戏开发要选择游戏引擎,我去看了一些博客: 1.看的第一篇(发布于:2017年06月01日 22:20:16) https://blog.csdn.net/sujun10/article/details/72824248 说实话我被他的书写方式逗笑了,哈哈,真香.大佬最终还是选择了Egret. 2.看的第二篇(发布于:2018年04月

JavaScript 学习之第一篇JavaScript的数据类型(2016/8/29 晚 23:12)

1. JavaScript的数据类型 JavaScript 里面有6中数据类型 Boolean String Number Undefined Null Object object(对象)类型包含了数组(arrays) 函数(functions) 以及其他一般对.  数字(Numbers) 类型可以是整型(intergers)或者浮点数(float point)类型以及特殊值NaN 和 Infinity  字符串(Strings)类型包含了空字符串 " ". 布尔值(Booleans)

kali学习日记第一篇 -- 基础知识

一.kali基础 1.kali是基于backtrack基础之上的渗透测试新工具,它基于Debian GNU/Linux系统,并且支持多种桌面环境,多种语言,apt软件包管理机制,自定义系统,支持各类硬件(树莓派),包含多种渗透测试知名开源框架,kali包含的开源项目社区氛围好,更新较快. 二.kali安装之后必要的几步操作  1.配置网络与远程管理 kali默认是不开启网卡的,在确保联网的情况下使用dhcp或static使网卡获取ip地址 1.[email protected]:~# servi

Python 学习日记第一篇

一.Python数字类型 1.数字类型有整数型,浮点型以及一些较为少见的类型,数字类型支持数学运算 加减乘除取余 In [1]: 23 + 45 Out[1]: 68 In [2]: 1.7 + 2 Out[2]: 3.7 In [3]: 2 * 10 Out[3]: 20 In [4]:  10 / 2 Out[4]: 5 In [5]: 23 - 45 Out[5]: -22 In [6]: 100 & 7 Out[6]: 4 2.python的数学模块math In [7]: import

javascript学习日记之变量的作用域

``` 很显然第一个弹出框并没有如我所想弹出的global而是undefined 这是为什么呢? 其实由于函数作用域特性 函数域始终优于全局域 同名的局部变量会覆盖掉全局变量 而第一次调用alert的时候scope还没正式定义 所以为undefined 以上代码可以理解为: ``` function f(){ var scope; alert(scope); var scope ="local"; alert(scope); }; f(); //等价与函数内变量的声明'提前'至函数体顶

java学习日记第一天

java 学习日记 第一天 java学习准备工作 首先环境配置:一个是jdk安装,另一个编译工具 eclipse ,安装下载教程网上很多 找了一个照着做就行 : 上述步骤完成,我们就可以打开eclipse进行我们第一个程序的编写啦当然是编写我们熟悉的helloWorld创建一个Java Perfect 目前好像基本都习惯用工程管理我们就建一个java工程然后点开工程在src右键new一个class,不用问这是啥这是啥,先把程序跑起来,慢慢就懂了我们在{}写我们的程序,这就好比helloworld

JavaScript学习笔记第一天——字符串连接的N种方法

Javascript 字符串的连接方法有多种,但效率却有很大区别. 1.逐个字符串相加 var arr = ['item 1', 'item 2', 'item 3', ...]; var list = ''; for (var i = 0, l = arr.length; i < l; i++) { list += '<li>' + arr[i] + '</li>'; } list = '<ul>' + list + '</ul>'; 这种最常见的,

Linux学习笔记——第一篇——Ubuntu安装与操作

笔者是Windows的使用者,由于Coding的需要以及在Linux下开发的方便,所以开始使用Linux. 当然笔者还是割舍不下Windows的,毕竟很多通讯工具等软件以及游戏在Linux下是没有发行的,所以笔者使用了虚拟机啊. 下面给出简单的安装过程. 1.下载虚拟机软件,笔者比较喜欢VMPlayer,因为它比较轻便且免费,并且很好的支持了拖拽复制功能(VM TOOL),当然也可以使用如VirtualBox.VPC等 链接:https://my.vmware.com/web/vmware/fr

学习KnockOut第一篇之Hello World

笔者刚开始学习KnockOut.写的内容就相当于一个学习笔记.且在此处向官网致敬,比较喜欢他们家的Live Example版块,里面有jsFiddle.至于文档,辅导章节,也是有的.附上地址:KnockOut.感兴趣的话可以看一下的. 那么,开始. 先写一个连Hello World级别都算不上的.看了文档,貌似很简单的样子. 第一步引进ko的js脚本.第二步创建一个ViewModel.第三步创建一个简单的View,用data-bind绑定. 一个非常简单的text绑定. 1 <!DOCTYPE