Web Technology Experts Notes

Monday, 6 June 2016

Core JavaScript Interview Questions

Question: How to call a function after page load?

window.onload = function() {
    consol.log('Page loaded successfully');
};

Question: How to detect a mobile device in JavaScript?

var isMobile = false; 
if( /Android|webOS|iPhone|iPod|iPad|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    isMobile=true;
}

if(isMobile){
    /** Write here code **/

    /** Write here code **/
}

Question: How to get all elements in having same class in JavaScript?

var element = document.getElementsByClassName("className");
for (index = element.length - 1; index >= 0; index--) {
    /** 
    Write your code here
    **/
}

Question: How to add a class to a given element?

var element = document.getElementById("myDivId");
d.className += " anotherClass";  //It will add anotherClass to the #myDivId

Question: How to update a class to a given element?

var element = document.getElementById("myDivId");
d.className = " anotherClass";  //anotherClass will added

Question: How to DELETE a class to a given element?

var element = document.getElementById("myDivId");
d.className = '';  //All exist class will be removed

Question: How to get element object by tag name?

var element = document.getElementsByTagName("h2");

Question: How do I remove a property from a JavaScript object?

var myJSONObject = {"Key1": "value1", "Key2": "value2", "Key3": "value3"};
delete myJSONObject.two;
console.log(myJSONObject); /* Object { Key1="value1",  Key2="value2",  Key3="value3"}*/

Question: How do I add a property from a JavaScript object?

var myJSONObject = {"Key1": "value1", "Key2": "value2", "Key3": "value3"};
myJSONObject.Key4='value4';
console.log(myJSONObject); /* Object { Key1="value1",  Key2="value2",  Key3="value3",  Key4="value4" }*/

Question: How do I update a property from a JavaScript object?

var myJSONObject = {"Key1": "value1", "Key2": "value2", "Key3": "value3", "Key4": "value4"};
myJSONObject.Key4='444444444444';
console.log(myJSONObject); /* Object { Key1="value1",  Key2="value2",  Key3="value3",  Key4="444444444444"}*/

Question: How do I count the size of object?

var myJSONObject = {"Key1": "value1", "Key2": "value2", "Key3": "value3"};
Object.keys(myJSONObject).length; //3

Question: How can I remove a specific item from an array?
Find the index of the array element you want to remove using indexOf, and then remove that index with splice.

const array = [2, 5, 9];
const index = array.indexOf(5);
if (index > -1) {
  array.splice(index, 1);
}
// array = [2, 9]
console.log(array);

$imageURL = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidv97qmJwUu4M0TAG5vrIuRLFN1YpSwJnDp6huR_eRyN3OeV2tKg_7hyK9adAH3ex6bAys6LZur073vkHRl3833KjuuoVwlaq3b1XfvqGUBKJo3TZZh54KkqgtAVGv9yQdSLkkCK47L-G2/s1600/Upload+image+from+URL+to+S3+in+Zend+Framework.png'; $extension = 'png'; $myAwsKey = 'AKIAP3APTHAC2DQLGJA'; //S3 AWS Key $myAwsSecretKey = 'YJiKlVFERFuF/sadfzgS2jgj6z/Qhjkhsh'; //S3 Secret Key $s3Media = 's3mediafolder'; //S3 Folder path $s3 = new Zend_Service_Amazon_S3($myAwsKey, $myAwsSecretKey); $uploadTo = 'clientProfileImages/thumb/205_test_push.png'; try { $s3->putFile($imageURL, "$s3Media/$uploadTo", array( Zend_Service_Amazon_S3::S3_ACL_HEADER => Zend_Service_Amazon_S3::S3_ACL_PUBLIC_READ, 'x-amz-storage-class' => 'REDUCED_REDUNDANCY', 'ContentType' => $extension )); } catch (Exception $e) { echo $e->getMessage(); die; } echo 'Image Uploaded Successfully in S3';